重学JavaScript-day6-贰
目录
壹-函数
1、函数
2、总结
贰-变量、作用域与内存
1、原始值与引用值
壹-函数
1、函数
函数对任何语言来说都是核心组件,因为它们可以封装语句,然后在任何地方、任何时间执行。ECMAScript 中的函数使用 function 关键字声明,后跟一组参数,然后是函数体。
基本语法:
function functionName(arg0, arg1,...,argN) {statements
}
举个栗子:
function sayHi(name,message){console.log("Hello "+name+","+message);
}
//通过函数名来调用函数,要传给函数的参数放在括号里(如果有多个参数,则用逗号隔开)
sayHi('Tom','Good Morning!'); //会打印:Hello Tom,Good Morning!
ECMAScript 中的函数不需要指定是否返回值。任何函数在任何时间都可以使用 return 语句来返回函数的值,用法是后跟要返回的值。
function sum(num1, num2) {return num1 + num2;console.log('Hi!'); //这一句的输出不会执行,因为它在return后面
}
只要碰到 return 语句,函数就会立即停止执行并退出。因此, return 语句后面的代码不会被执行。
return 语句也可以不带返回值。这时候,函数会立即停止执行并返回 undefined。这种用法最常用于提前终止函数执行,并不是为了返回值。
function sayHi(name, message) {return;console.log("Hello " + name + ", " + message); // 不会执行
}
严格模式下,函数的一些限制:
☒ 函数不能以 eval 或 arguments 作为名称;
☒ 函数的参数不能叫 eval 或 arguments;
☒ 两个命名参数不能拥有同一个名称。
违反上述规则,会导致程序报错,代码无法执行。
2、总结
ECMAScript 包含所有基本语法、操作符、数据类型和对象,能完成基本的计算任务,但没有提供获得输入和产生输出的机制。理解 ECMAScript 及其复杂的细节是完全理解浏览器中 JavaScript 的关键。
✄ ECMAScript 中的基本数据类型包括 Undefined、Null、Boolean、Number、String 和 Symbol。
✄ 与其他语言不同, ECMAScript 不区分整数和浮点值,只有 Number 一种数值数据类型。
✄ Object 是一种复杂数据类型,它是这门语言中所有对象的基类。
✄ 严格模式为这门语言中某些容易出错的部分施加了限制。
✄ ECMAScript 提供了 C 语言和类 C 语言中常见的很多基本操作符,包括数学操作符、布尔操作符、关系操作 符、相等操作符和赋值操作符等。
✄ 这门语言中的流控制语句大多是从其他语言中借鉴而来的,比如 if 语句、 for 语句和 switch语句等。
ECMAScript 中的函数与其他语言中的函数不一样:
✄ 不需要指定函数的返回值,因为任何函数可以在任何时候返回任何值。
✄ 不指定返回值的函数实际上会返回特殊值 undefined。
贰-变量、作用域与内存
相比于其他语言, JavaScript 中的变量可谓独树一帜。JavaScript 变量是松散类型的,而且变量不过就是特定时间点一个特定值的名称而已。由于没有规则定义变量必须包含什么数据类型,变量的值和数据类型在脚本生命期内可以改变。
1、原始值与引用值
ECMAScript 变量可以包含两种不同类型的数据:原始值和引用值。 原始值( primitive value)就是最简单的数据, 引用值( reference value)则是由多个值构成的对象。
在把一个值赋给变量时, JavaScript 引擎必须确定这个值是原始值还是引用值。
6 种原始值: Undefined、 Null、 Boolean、 Number、 String 和 Symbol。保存原始值的变量是按值( by value)访问的,因为我们操作的就是存储在变量中的实际值。
引用值是保存在内存中的对象。与其他语言不同, JavaScript 不允许直接访问内存位置,因此也就不能直接操作对象所在的内存空间。在操作对象时,实际上操作的是对该对象的引用( reference)而非实际的对象本身。为此,保存引用值的变量是按引用( by reference)访问的。
原始值和引用值的定义方式很类似,都是创建一个变量,然后给它赋一个值。
对于引用值而言,可以随时添加、修改和删除其属性和方法。
let person = new Object();
person.name = "Nicholas";
console.log(person.name); // "Nicholas"
原始值不能有属性,尽管尝试给原始值添加属性不会报错。
let name = "Nicholas";
name.age = 27;
console.log(name.age); // undefined
代码想给字符串 name 定义一个 age 属性并给该属性赋值 27。紧接着在下一行,属性不见了。
原始类型的初始化可以只使用原始字面量形式。如果使用的是 new 关键字,则 JavaScript 会创建一个 Object 类型的实例,但其行为类似原始值。
let name1 = "Nicholas";
name1.age = 27;
console.log(name1.age); // undefined
console.log(typeof name1); // string
let name2 = new String("Matt");
name2.age = 26;
console.log(name2.age); // 26
console.log(typeof name2); // object
除了存储方式不同,原始值和引用值在通过变量复制时也有所不同。在通过变量把一个原始值赋值到另一个变量时,原始值会被复制到新变量的位置。
let num1 = 5;
let num2 = num1;
这里, num1 包含数值 5。当把 num2 初始化为 num1 时, num2 也会得到数值 5。这个值跟存储在num1 中的 5 是完全独立的,因为它是那个值的副本。
这两个变量可以独立使用,互不干扰。
在把引用值从一个变量赋给另一个变量时,存储在变量中的值也会被复制到新变量所在的位置。区别在于,这里复制的值实际上是一个指针,它指向存储在堆内存中的对象。 操作完成后,两个变量实际上指向同一个对象,因此一个对象上面的变化会在另一个对象上反映出来。
这应该就是所谓的:牵一发而动全身。
let obj1 = new Object();
let obj2 = obj1;
obj1.name = "Nicholas";
console.log(obj2.name); // "Nicholas"
ECMAScript 中所有函数的参数都是按值传递的。这意味着函数外的值会被复制到函数内部的参数中,就像从一个变量复制到另一个变量一样。如果是原始值,那么就跟原始值变量的复制一样,如果是引用值,那么就跟引用值变量的复制一样。
在按值传递参数时,值会被复制到一个局部变量(即一个命名参数,或者用 ECMAScript 的话说,就是arguments 对象中的一个槽位)。在按引用传递参数时,值在内存中的位置会被保存在一个局部变量,这意味着对本地变量的修改会反映到函数外部。
function addTen(num) {num += 10;return num;
}
let count = 20;
let result = addTen(count);
console.log(count); // 20,没有变化
console.log(result); // 30
函数 addTen()有一个参数 num,它其实是一个局部变量。在调用时,变量 count 作为参数传入。 count 的值是20,这个值被复制到参数 num 以便在 addTen()内部使用。在函数内部,参数 num的值被加上了 10,但这不会影响函数外部的原始变量 count。参数 num 和变量 count 互不干扰,它们只不过碰巧保存了一样的值。
function setName(obj) {obj.name = "Nicholas";
}
let person = new Object();
setName(person);
console.log(person.name); // "Nicholas"
创建了一个对象并把它保存在变量 person 中。然后,这个对象被传给 setName()方法,并被复制到参数 obj 中。在函数内部, obj 和 person 都指向同一个对象。结果就是,即使对象是按值传进函数的, obj 也会通过引用访问对象。当函数内部给 obj 设置了 name 属性时,函数外部的对象也会反映这个变化,因为 obj 指向的对象保存在全局作用域的堆内存上。
function setName(obj) {obj.name = "Nicholas";obj = new Object();obj.name = "Greg";
}
let person = new Object();
setName(person);
console.log(person.name); // "Nicholas"
将 obj 重新定义为一个有着不同 name的新对象。当 person 传入 setName()时,其 name 属性被设置为"Nicholas"。然后变量 obj 被设置为一个新对象且 name 属性被设置为"Greg"。
let s = "Nicholas";
let b = true;
let i = 22;
let u;
let n = null;
let o = new Object();
console.log(typeof s); // string
console.log(typeof i); // number
console.log(typeof b); // boolean
console.log(typeof u); // undefined
console.log(typeof n); // object
console.log(typeof o); // object
typeof 虽然对原始值很有用,但它对引用值的用处不大。
ECMAScript 提供了 instanceof 操作符,语法如下:
result = variable instanceof constructor
如果变量是给定引用类型(的实例,则 instanceof 操作符返回 true。
console.log(person instanceof Object); // 变量 person 是 Object 吗?
console.log(colors instanceof Array); // 变量 colors 是 Array 吗?
console.log(pattern instanceof RegExp); // 变量 pattern 是 RegExp 吗?
所有引用值都是 Object 的实例,因此通过 instanceof 操作符检测任何引用值和Object 构造函数都会返回 true。类似地,如果用 instanceof 检测原始值,则始终会返回 false,因为原始值不是对象。
typeof 操作符在用于检测函数时也会返回"function"。
吾生也有涯,而知也无涯。
重学JavaScript-day6-贰相关推荐
- 重学JavaScript深入理解系列(一)
JavaScript深入理解--执行上下文(Execution Context) 定义 每当控制器到达ECMAScript可执行代码的时候,控制器就进入了一个执行上下文. 执行上下文(简称:EC) 以 ...
- 重学JavaScript深入理解系列(六)
JavaScript深入理解--闭包(Closures) 概要 本文将介绍一个在JavaScript经常会拿来讨论的话题 -- 闭包(closure).闭包其实已经是个老生常谈的话题了: 有大量文章都 ...
- 重学JavaScript系列之一_引用类型
重学JavaScript系列之一_引用类型 ECMAScript中,引用数据是一种数据结构,用于将数据和功能组织在一起,有时候被称为类 ES6中使用Class定义一个类 引用类型的值(对象)是引用类型 ...
- 重学JavaScript系列——(四)变量、作用域与内存
重学JavaScript系列--(四)变量.作用域与内存 博主以扎实JavaScript基础为目的,以<JavaScript高级程序设计(第四版)>为核心参考资料,以一个"复习者 ...
- 重学JavaScript系列——(六)集合引用类型
重学JavaScript系列--(六)集合引用类型 博主以扎实JavaScript基础为目的,以<JavaScript高级程序设计(第四版)>为核心参考资料,以一个"复习者&qu ...
- javascript对象包含哪些要素_重学JavaScript 对象
栏目为大家介绍JavaScript的对象,重新认识. 这里我们继续学习两个比较重要的类型,就是 Object 和 Symbol.我们主要讲的是 Object,相对 Object 来说 Symbol 只 ...
- 重学JavaScript(1)--JavaScript简介
写在最前面 最近在整理之前学习的知识的时候,发现对知识没有整体的框架,有点零散.于是乎,现在决定重新的学习一下JavaScript的基础知识.这是整个重新学习历程的第一篇文章.写这些文章的目的是督促自 ...
- 重学JavaScript 事件
1.addEventListener注册事件 注册事件有两种语法 1.点语法: * 语法 : 事件源.事件类型 = 事件处理函数 box. ...
- JavaScript 类型 — 重学 JavaScript
我是三钻,一个在<技术银河>中等你们一起来终生漂泊学习. 点赞是力量,关注是认可,评论是关爱!下期再见
- 重学前端-学习笔记-JavaScript对象
说明 重学前端是程劭非(winter)在极客时间开的一个专栏,在此主要整理我的学习笔记.如有侵权,请联系我,谢谢. javascript对象特征 对象具有唯一标识性:完全相同的两个对象,也不是同一个对 ...
最新文章
- BZOJ4381[POI2015]Odwiedziny——分块+长链剖分
- Codeforces Round #506 (Div. 3) - F. Multicolored Markers (思维)
- python json是什么_python json详解
- bzoj 3781: 小B的询问(莫队)
- 快速ping_PING你真的会用么?
- android 组态软件,Livzenwex安卓版组态软件
- STM32MP157系统移植(TF-A,U-Boot,Linux)
- Technorati 正在走向衰落
- Android自定义日历控件
- 区块链毕业设计必读论文【2020-5】
- 2017年ACM第八届山东省赛I题: Parity check(判断 第n项斐波那契数列奇偶性)
- 抢红包算法 c++_字节跳动|垂直策略|算法岗招聘
- 自动化测试之:猴子测试Windows端GUI-Monkey实现
- MySQL 表的建立与多表联结查询
- 1027: 判断水仙花数 Java
- Bundles of Joy
- 在线超级查询大全,没有什么是查不到的(个人收集)
- 关于Android上进行分区的问题
- 神策数据张铎:一文读懂神策私有化部署的架构演进
- 计算机上的闹钟怎么设置方法,老司机教你电脑闹钟怎么设置