js函数的使用一[入门教程]

1 ,函数:
function是一个定义一次 却可以多次调用的js代码。
当一个函数被一个对象调用时,那么这个函数就叫做这个对象的方法。

function cssrain( x , y)
{
 //code
}
解释:
cssrain  :  为函数名;
( )     :   为 运算符;
x ,  y  :   为 参数;

2 ,函数的返回值:
function a(x){
    document.write(x);
}
function b(y){
   document.write(y);
   return y;
}
alert( a(1) )  //因为没写return,所以返回undefined
alert( b(2) ) 

3 function语句和函数直接量:
function f(x) { return x * x  ;}   //

var f  = function(x){ return  x * x ;}   //

第一个是function语句创建的,第二个是直接用函数直接量定义一个表达式,当然用这种方式,创建的也是匿名函数。
虽然直接量可以匿名,但也可以指定函数名;
比如:

var f  = function fact(x){ return  x * fact(x-1) ;}   //这样做的好处; 调用自身非常爽。

4 函数命名:
function  like_this(){}
或者 function likeThis(){}  //驼峰式

5 函数的参数:
由于js是一种宽松类型语言,参数不需要指定什么数据类型。参数也可以多 也可以少,
比如: function x(a,b){} //我们写了2个参数
如果我们传了3个参数,js会自动忽略掉多的/
实例:
function x(a,b){
 document.write(a+ "  "+b);
}
x(1,2,3,4);

如果我们只传了一个参数,会出现什么情况呢?
function x(a,b){
 document.write(a+ "  "+b);
}
x(1);
我们发现输出 了undefined,所以js会把少的,赋予undefined;
这样可能会引起程序错误。
解决:
function x(a,b){
 var b = b || " ";  // 这个是或运算符,如果前面的b为undefined,也就是false,他会取后面的空字符
 document.write(a+ "  "+b);
}
x(1);

时间: 2024-09-24 15:22:35

js函数的使用一[入门教程]的相关文章

js函数的使用二[入门教程]

6,实战: 编写一个javascript图片馆: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>   <meta http-equiv="conte

vue.js初学入门教程(2)_javascript技巧

接着上一篇vue慢速入门教程学习. 4.组件使用基础 什么是组件?组件可以理解为可重用的自定义HTML. 可以使用一堆组件来构造大型应用,任意类型的应用界面都可以抽象为一个组件树: 可以把组件代码按照template.style.script的拆分方式,放置到对应的.vue文件中. 组件预定义选项中最核心的几个: 模板(template).初始数据(data).接受的外部参数(props).方法(methods).生命周期钩子函数(lifecycle hooks). 4.1 基本步骤 使用组件首

vue.js入门教程之计算属性_javascript技巧

前言 计算属性是用来声明式的描述一个值依赖了其它的值.当你在模板里把数据绑定到一个计算属性上时,Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM.这个功能非常强大,它可以让你的代码更加声明式.数据驱动并且易于维护. 模板中表达式非常便利,但是它们实际上只用于简单的操作. 模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护. 这就是为什么 Vue.js 将绑定表达式限制为一个表达式, 如果需要多于一个表达式的逻辑,应当使用计算属性. 来看这一个简单的例子 <div i

Three.js快速入门教程_javascript技巧

引言 本文主要是讲解Three.js的相关概念,帮助读者对Three.js以及相关知识形成比较完整的理解. 近年来web得到了快速的发展.随着HTML5的普及,网页的表现能力越来越强大.网页上已经可以做出很多复杂的动画,精美的效果. 但是,人总是贪的.那么,在此之上还能做什么呢?其中一种就是通过WebGL在网页中绘制高性能的3D图形. OpenGL,WebGL到Three.js OpenGL大概许多人都有所耳闻,它是最常用的跨平台图形库. WebGL是基于OpenGL设计的面向web的图形标准,

THREE.JS入门教程(1)THREE.JS使用前了解_基础知识

Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D.但是目前这项技术还处在发展阶段,资料极为匮乏,爱好者学习基本要通过Demo源码和Three.js本身的源码来学习. 国外网站 aerotwist.com 有六篇较为简单的入门教程,我尝试着将其翻译过来,与大家分享. 我在一些实验项目中使用了Three.js,我发现它对快速上手浏览器3D编程确实很有帮助.通过Three.js,你不仅可以创建相机.物体.光线.材质等等,还可以选择

Vue.js快速入门教程_javascript技巧

像AngularJS这种前端框架可以让我们非常方便地开发出强大的单页应用,然而有时候Angular这种大型框架对于我们的项目来说过于庞大,很多功能不一定会用到.这时候我们就需要评估一下使用它的必要性了.如果我们仅仅需要在一个简单的网页里添加屈指可数的几个功能,那么用Angular就太麻烦了,必要的安装.配置.编写路由和设计控制器等等工作显得过于繁琐. 这时候我们需要一个更加轻量级的解决方案.Vue.js就是一个不错的选择.Vue.js是一个专注于视图模型(ViewModal)的框架.视图模型是U

js入门教程:JavaScript Try Catch 错误捕捉实例教程

js入门教程:JavaScript Try...Catch 错误捕捉实例教程 其中的try ... catch声明允许你测试一个代码块的错误. 范例 其中的try ... catch声明 如何撰写一个try ... catch声明. <script type="text/javascript"> var txt=""; function message() { try   {   adddlert("Welcome guest!");

适用于javascript开发者的Processing.js入门教程_javascript技巧

这个入门指导是为javascript开发者写的.读这个文档之前,你最好掌握javascript和web开发编程,并还会非常基本的 Processing 知识. 目录:为没有耐心看长篇大论的人准备:         如果你很着急入门,那么你就需要知道以下几点:              1.Processing.js 把 Processing 代码转变成能够在浏览器端运行的javascript代码,实质是通过<canvas>标签来实现绘图的:              2.为了使用它,你的首先下

Windows系统下Node.js的简单入门教程

  这篇文章主要介绍了Windows系统下Node.js的简单入门教程,Node.js是用于后端编程的JavaScript框架,需要的朋友可以参考下 随着近日Paypal和Netflix宣告 迁移到Node.js, 服务器端Javascript平台已经证明其自身在企业领域的价值. 这对于Node来说是一小步,对于Javascript而言却是一大跨越啊! 来自.NET, Java, PHP, Ruby on Rails和更多技术领域的程序员, 所有游走于服务器端的编码者都会聚集到这个平台上. 作为