JavaScript学习笔记——语法基础1.4

一、函数

函数对于任何一种编程语言都是非常核心的概念,它的便利之处在于,我们可以通过函数名的随时调用( 如:functionName() ),就可以执行花括号中的语句,这样就可以实现你的想法。换一种说法,函数就像是哈利波特的通关密语,哈利波特只需要念一句正确的通关密语,就可以打开密室的大门,密语就像是函数,哈利波特在念它的时候就像是在调用这个函数,这个函数的作用同时也是哈利波特的目的就是打开密室的大门。

1、定义函数的语法:

function functionName (arguments){
    statements;
}

其中function是关键字,functionsName是函数名,命名方式建议遵循“驼峰式”,圆括号中的arguments是参数,注意它是复数,参数可能不只一个,花括号中的statements是执行语句,注意它也是复数,执行语句可能不只有一句。例如,下面这个函数可以用来计算两个数的和。

function numTotal (num1,num2){
    var total = num1 + num2;
    document.write(total);
}
numTotal(5,15); // 20

2、函数中的参数

JavaScript中函数的参数相对其他编程语言较为不同,若在函数中有一个参数,可以传递一个、三个甚至不传递参数值;你也可以不先设定参数,却可以进行隐式传递。即使如此,但我不认为这是你可以不正确使用参数的理由。

还有一点需要注意的是,为了优化函数甚至整个程序代码,我们应当尽量减少函数中的参数个数,时间久了,你会发现,这是一个好的思维方式。

3、变量的作用域

通过var关键字定义的变量是局部变量,反之,没有用var关键字而直接定义的变量为全局变量。全局变量将影响全局的结果,所以在使用全局变量的时候一定要慎重。

1 function myFunction(a,b){
2     total = a * b;
3     return total;
4 }
5 var total = 500;
6 var num = myFunction(10,10);
7 document.write(total);  // 100

第二行中变量total虽然是在函数体内定义的,但是它是全局变量,第五行中的total是局部变量,由于位置的特殊,第五行的值刚赋给局部变量total,第六行就立刻传参给函数myFunctions(),从而获取了影响全局total的值。如果第二行的变量total改成局部变量,则最终结果为500,因为函数体返回的total的值本身不会跳出函数体,第六行是将total的值赋值给变量num而不是total。

二、对象

1、遍历对象的属性值

对象是一种特殊的数据类型,包含在对象中的数据,可以通过对象的属性和方法来访问。

var person = new Object();
person.name = ‘筱雨生‘;
person.age = 15;
person.height = 175;
person.skinColor = ‘yellow‘;
for ( var i in person){
    document.write(person[i] + ‘<br/>‘);
}
//通过for-in语句遍历person对象的属性值
//i包含了person所有的属性,person[0]就是person.name

function who(){
for ( var i in person){
    document.write(person[i] + ‘<br/>‘);
    }
}
who();//通过函数who()来实现遍历person对象的属性值

2、内建对象

所谓的内建对象是指JavaScript内部创建好的对象,针对这些对象,JavaScript也创建好了相应的方法和属性,在你有需求的时候,可以直接调用。

var num = new Array();
document.write(num.length); //0
document.write(‘<br/>‘); //换行
var newNum = 3.1415926;
document.write(Math.round(newNum)); // 3

上面这段代码中,Array、document、Math都属于内建对象,除此之外,还有许多内建对象供我们使用。

时间: 2024-12-31 05:48:02

JavaScript学习笔记——语法基础1.4的相关文章

JavaScript学习笔记——语法基础1.1

一.写在前面的话 1.我们有听说过,在一些地方,会把JavaScript当作入门级编程语言,这是因为它相对易学,易习. 2.JavaScript是一门地地道道的编程语言,既然是一门语言,那就应该有专属于它本身的语法,掌握它的语法势在必行. 3.不要试图去记忆它的所有语法和关键字,事实上,几乎没有人能做到这一点. 4.没有一个人敢说,学JavaScript1年或者几年就能称为不败的神话,坚持下去,会让你走的更远,只有这样,你才可能欣赏到更美的风景. 5.制定一个适合你自己的计划,选择一本适合你的书

JavaScript学习笔记——语法基础1.2

一.数组 1.通常情况下,一个变量只能有一个值,若想拥有多个值,就需要使用数组,换句话来说,数组是一个特殊的容器,它可以根据需求存放一个或者多个值.2.数组可以用关键字Array来声明,声明的同时,可以设定它的长度length. var myArray = Array(3); document.write(myArray.length); //输出3 3.我们可以在声明数组的同时对它进行填充,也可以在声明之后进行填充,当然,我们需要对新填充的值指定存放位置,需要注意下标是从0开始计数的. Jav

JavaScript学习笔记——语法基础1.3

一.操作符 操作符是用来操作数据值的,它包含很多种,通过code我们可以了解它们的特性. 1.算数操作符 算数操作符包括加.减.乘.除四类操作符,除此之外,还有一些比较特殊的存在. var a = 1; var b = 2; var c = a + b; var d = b - a; var e = a * b; var f = b / a; document.write(c + '<br/>'); // 3 document.write(d + '<br/>'); // 1 do

JavaScript学习笔记——DOM基础 2.1

一.DOM 1.DOM的基本概念 DOM是Document Object Model的缩写,意思是文本对象模型,也就是说,如果没有Document,DOM也就无从谈起.我们可以把创建的网页当作是一个Document对象. JavaScript的对象可以分为三种类型:由用户自定义的对象,由JavaScript本身提供的内建对象,以及由浏览器提供的宿主对象. 顺便提一下BOM(Browser Object Model)和WOM(Window Object Model),其实这两个说的是一种东西,但大

JavaScript学习笔记——1.基础知识

1.在html中使用js <script>do something</script> <script src="test.js"></script> <a href="javascript:do something">Link</a> <button onclick="do something">Button</button> PS:一个html文件中

JavaScript学习笔记——DOM基础 2.6

一.CSS-DOM 1.清楚一个概念 HTML负责的是结构,CSS负责的是样式,JavaScript负责的是动作(行为). 2.style属性 语法:element.style 返回:object style相对于element是一个属性,而style本身是一个对象,它包含了诸多元素的样式. 关于这一点,可以根据后面的例子去理解. 3.获取样式 例子:element.style.fontFamily 返回:style对应属性的值,如fontFamily,返回“Microsoft yahei” 注

JavaScript学习笔记——DOM基础 2.5

一.document.write方法 document对象write()方法,常用来向网页中输出字符串,圆括号中可以是要输出的字符串, document.write('这是我的个人博客'); 也可以是字符串变量, var myText = '这是我的个人博客'; document.write(myText); 还有一种,就是通过字符串和变量组合的方式进行输出. var myText = '这是我的'; document.write(myText + '个人博客'); document.write

JavaScript学习笔记——动画基础 3.1

一.对象的位置 通过JavaScript让对象动起来,首先应该先确定它的初始位置,可以通过外部CSS或者在执行体内设置,紧接着,通过JavaScript的触发事件来改变它的初始位置,从而形成一个动的效果. <!doctype html> <html> <head> <meta charset="utf-8"> <title>筱雨生 - 博客园</title> <style> body{ font-fam

JavaScript学习笔记——对象基础

javascript对象基础 一.名词解释: 1.基于对象 一切皆对象,以对象的概念来编程. 2.面向对象编程(oop Object oriented programming) A.对象 就是人们要研究的任何事物,不仅能表示具体事物,还能表示抽象的规则,计划或事件. 属性的无序集合,每个属性可以存一个值(原始值,对象,函数) B.对象的属性和行为 属性:用数据值来描述他的状态 行为:用来改变对象行为的方法 C.类 具有相同或相似的性质的对象的抽象就是类.对象的抽象,就是类,类的具体化(实例化)