第三章 Scala基础——变量定义与基本类型

万次阅读 多人点赞 2019-02-01 23:43:25

一、定义一个变量 Scala在首次定义一个变量时，必须在变量名前面添加关键字“var”或者“val”。用“var”修饰的变量，可以重新赋予新的值，并且把原值抛弃，类似于Java的非final变量。在后续重新赋值时，就不用再...

一、定义一个变量

Scala在首次定义一个变量时，必须在变量名前面添加关键字“var”或者“val”。用“var”修饰的变量，可以重新赋予新的值，并且把原值抛弃，类似于Java的非final变量。在后续重新赋值时，就不用再写“var”了。而用“val”修饰的变量，则禁止被重新赋值，类似于Java的final变量，换句话说，就是只能读不能写的变量。

变量名可以是任意的字母、数字和下划线的组合，但是不能以数字开头。Scala推荐的命名方法是“驼峰命名法”，即每个单词的首字母大写，并且变量名和函数名以小写字母开头，类、对象和特质则以大写字母开头。例如，“val isOne”，“class MyClass”。在首次定义变量时，就必须赋予具体的值来初始化。不能出现如下形式：

val x

x = 1

以下代码都是合法的变量定义：

scala> val x = 1
x: Int = 1

scala> var y = 2
y: Int = 2

scala> val msg = "Hello, world!"
msg: String = Hello, world!

var类型的变量在重新赋值时，新值必须和旧值是同一个类型，否则会发生类型匹配错误：

scala> var x = 1
x: Int = 1

scala> x = 10
x: Int = 10

scala> x = "abc"
<console>:12: error: type mismatch;
found : String("abc")
required: Int
x = "abc"
^

val类型的变量则直接禁止重新赋值：

scala> val x = 1
x: Int = 1

scala> x = 10
<console>:12: error: reassignment to val
x = 10
^

如果要赋给多个变量相同的值，那么没必要逐条定义，而是在一条语句里用逗号间隔的变量名。例如：

scala> val a, b, c = 1
a: Int = 1
b: Int = 1
c: Int = 1

Scala的变量定义具有覆盖性，也就是说，如果出现了同名的变量，则后出现的变量会覆盖前面的变量。例如：

scala> val x = 1
x: Int = 1

scala> val x = 10
x: Int = 10

scala> x
res0: Int = 10

要注意的是，赋给变量的对象存在可变与不可变之分。要理解到底是变量指向的对象本身发生了改变，还是变量指向了新的对象。即使是val类型的变量，也能被赋予一个可变对象。这个可变对象能够被重新修改，例如，给可变映射添加新的键值对。事实上，这只是旧对象发生了改变，并未产生新的对象。

Scala提倡定义val类型的变量，因为它是函数式编程，而函数式编程的思想之一就是传入函数的参数不应该被改变。所以，在Scala里，所有函数的参数都必须是val类型的。但是，Scala也允许指令式编程，因而预留了var类型的变量，尽管并不推荐使用。对于习惯了指令式编程的读者，例如，喜欢编写“for(i = 0; i < N; i++)”来实现一个循环，很显然更倾向于使用var类型的变量，因为在这个for循环里，变量i被多次重新赋值。Scala推荐读者学会使用val，学会函数式编程。笔者也是学习C/C++出身的，但是现在已经完全习惯了函数式编程。使用val类型的一个好处就是，你不用去计算某个变量在某个时刻是什么值，因为val类型的变量一旦被初始化，就一直不变，直到被重新定义。

二、Scala的基本类型

Scala是静态语言，在编译期间会检查每个对象的类型。对于类型不匹配的非法操作，在编译时就能被发现。对于动态语言而言，这种非法操作需要等到运行时才能被发现，此时可能造成严重错误。所以，静态语言相比诸如Python这样的动态语言在某些方面是有优势的。对于Chisel而言，我们就需要这种优势。因为Chisel需要编译成Verilog，我们不能产生非法的Verilog语句并且等到模块运行时才去发现它。

Scala标准库定义了一些基本类型，如下表所示。除了“String”类型是属于java.lang包之外，其余都在Scala的包里。

Scala的基本类型
Byte	8-bit有符号整数，补码表示，范围是 $-2^{7}$ 到 $2^{7}-1$
Short	16-bit有符号整数，补码表示，范围是 $-2^{15}$ 到 $2^{15}-1$
Int	32-bit有符号整数，补码表示，范围是 $-2^{31}$ 到 $2^{31}-1$
Long	64-bit有符号整数，补码表示，范围是 $-2^{63}$ 到 $2^{63}-1$
Char	16-bit字符，Unicode编码，范围是 0 到 $2^{16}-1$
String	字符串
Float	32-bit单精度浮点数，符合IEEE 754标准
Double	64-bit双精度浮点数，符合IEEE 754标准
Boolean	布尔值，其值为true或者false

事实上，在定义变量时，应该指明变量的类型，只不过Scala的编译器具有自动推断类型的功能，可以根据赋给变量的对象的类型，来自动推断出变量的类型。如果要显式声明变量的类型，或者无法推断时，则只需在变量名后面加上一个冒号“ : ”，然后在等号与冒号之间写出类型名即可。例如：

scala> val x: Int = 123
x: Int = 123

scala> val y: String = "123"
y: String = 123

scala> val z: Double = 1.2
z: Double = 1.2

Ⅰ、整数字面量

整数有四种类型，默认情况下推断为Int类型。如果字面量的结尾有l或者L，则推断为Long类型。此外，Byte和Short则需要定义变量时显式声明。注意，赋给的字面值不能超过类型的表示范围。

整数字面量默认是十进制的，但如果以“0x”或者“0X”开头，则字面量被认为是十六进制。十六进制的字母不区分大小写。例如：

scala> val a = 100
a: Int = 100

scala> val b = 0X123Abc
b: Int = 1194684

scala> val c: Byte = 200
<console>:11: error: type mismatch;
found : Int(200)
required: Byte
val c: Byte = 200
^

scala> val d = 200L
d: Long = 200

Ⅱ、浮点数字面量

浮点数的字面量都是十进制的，类型默认是Double类型。可以增加一个字母“e”或者“E”，再添加一个整数作为指数，这样就构成10的n次幂。最末尾可以写一个“f”或者“F”，表示Float类型；也可以写一个“d”或者“D”，表示Double类型。注意，Double类型的字面量不能赋给Float类型的变量。虽然Float允许扩展成Double类型，但是会发生精度损失。例如：

scala> val a = 1.2E3
a: Double = 1200.0

scala> val b = -3.2f
b: Float = -3.2

scala> val c: Float = -3.2
<console>:11: error: type mismatch;
found : Double(-3.2)
required: Float
val c: Float = -3.2
^

scala> val d: Double = -3.2F
d: Double = -3.200000047683716

Ⅲ、字符与字符串字面量

字符字面量是以单引号' '包起来的一个字符，采用Unicode编码。也可以用'\u编码号'的方式来构造一个字符，而且Unicode编码可以出现在代码的任何地方，甚至是名称命名。此外，还支持转义字符。例如：

scala> val a = 'A'
a: Char = A

scala> val b = '\u0041'
b: Char = A

scala> val c = '\u0042'
c: Char = B

scala> val \u0041\u0042 = 1
AB: Int = 1

scala> val d = '\\'
d: Char = \

字符串就是用双引号" "包起来的字符序列，长度任意，允许掺杂转义字符。此外，也可以用前后各三个双引号""" """包起来，这样字符串里也能出现双引号，而且转义字符不会被解读。例如：

scala> val a = "\\\\\\"
a: String = \\\

scala> val b = """So long \u0041 String \\\'\"!"""
b: String = So long A String \\\'\"!

Ⅳ、字符串插值

Scala包括了一个灵活的机制来支持字符串插值，这使得表达式可以被嵌入在字符串字面量中并被求值。第一种形式是s插值器，即在字符串的双引号前加一个s，形如s“…${表达式}…”。s插值器会对内嵌的每个表达式求值，对求值结果调用内置的toString方法，替换掉字面量中的表达式。从美元符号开始到首个非标识符字符(字母、数字、下划线和操作符的组合称为标识符，以及反引号对` `包起来的字符串)的部分会被当作表达式，如果有非标识符字符，就必须放在花括号里，且左花括号要紧跟美元符号。第二种形式是raw插值器，它与s插值器类似，只不过不识别转义字符。第三种形式是f插值器，允许给内嵌的表达式加上printf风格的指令，指令放在表达式之后并以百分号开始。指令语法来自java.util.Formatter。如：

scala> val name = "ABC"
name: String = ABC

scala> println(s"$name DEFG")
ABC DEFG

scala> s"Sum = ${1 + 10}"
res0: String = Sum = 11

scala> s"\\\\"
res1: String = \\

scala> raw"\\\\"
res2: String = \\\\

scala> printf(f"${math.Pi}%.5f")
3.14159

三、总结

本章介绍了Scala定义变量的方法及基本变量类型，重点在于学会使用val类型的变量。

上一章 Scala入门——让你的代码跑起来

下一章 Scala基础——函数及其几种形式

收起

展开全文

Scala Chisel RISC-V

入门学习Linux常用必会60个命令实例详解doc/txt
千次下载 热门讨论 2011-06-09 00:08:45
－a：将/etc/fstab中定义的所有文件系统挂上。－F：这个命令通常和－a一起使用，它会为每一个mount的动作产生一个行程负责执行。在系统需要挂上大量NFS文件系统时可以加快加载的速度。－f：通常用于除错。它会使...
收起

js面试题

千次阅读 多人点赞 2019-04-09 19:42:32

JavaScript 由以下三部分组成： ECMAScript（核心）：JavaScript 语言基础 DOM（文档对象模型）：规定了访问 HTML 和 XML 的接口 BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法 JS 的基本数据...

JavaScript 的组成 
JavaScript 由以下三部分组成： 
ECMAScript（核心）：JavaScript 语言基础
DOM（文档对象模型）：规定了访问 HTML 和 XML 的接口
BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法 
JS 的基本数据类型和引用数据类型 
基本数据类型：undefined、null、boolean、number、string、symbol
引用数据类型：object、array、function 
检测浏览器版本版本有哪些方式？ 
根据 navigator.userAgent // UA.toLowerCase().indexOf(‘chrome’)
根据 window 对象的成员 // ‘ActiveXObject’ in window 
介绍 JS 有哪些内置对象？ 
数据封装类对象：Object、Array、Boolean、Number、String
其他对象：Function、Arguments、Math、Date、RegExp、Error
ES6 新增对象：Symbol、Map、Set、Promises、Proxy、Reflect 
说几条写 JavaScript 的基本规范？ 
代码缩进，建议使用“四个空格”缩进
代码段使用花括号{}包裹
语句结束使用分号;
变量和函数在使用前进行声明
以大写字母开头命名构造函数，全大写命名常量
规范定义 JSON 对象，补全双引号
用{}和[]声明对象和数组 
如何编写高性能的 JavaScript？ 
遵循严格模式：“use strict”;
将 js 脚本放在页面底部，加快渲染页面
将 js 脚本将脚本成组打包，减少请求
使用非阻塞方式下载 js 脚本
尽量使用局部变量来保存全局变量
尽量减少使用闭包
使用 window 对象属性方法时，省略 window
尽量减少对象成员嵌套
缓存 DOM 节点的访问
通过避免使用 eval() 和 Function() 构造器
给 setTimeout() 和 setInterval() 传递函数而不是字符串作为参数
尽量使用直接量创建对象和数组
最小化重绘(repaint)和回流(reflow) 
DOM 元素 e 的 e.getAttribute(propName)和 e.propName 有什么区别和联系 
e.getAttribute()，是标准 DOM 操作文档元素属性的方法，具有通用性可在任意文档上使用，返回元素在源文件中设置的属性
e.propName 通常是在 HTML 文档中访问特定元素的特性，浏览器解析元素后生成对应对象（如 a 标签生成 HTMLAnchorElement），这些对象的特性会根据特定规则结合属性设置得到，对于没有对应特性的属性，只能使用 getAttribute 进行访问
e.getAttribute()返回值是源文件中设置的值，类型是字符串或者 null（有的实现返回""）
e.propName 返回值可能是字符串、布尔值、对象、undefined 等
大部分 attribute 与 property 是一一对应关系，修改其中一个会影响另一个，如 id，title 等属性
一些布尔属性<input hidden/>的检测设置需要 hasAttribute 和 removeAttribute 来完成，或者设置对应 property
像<a href="../index.html">link</a>中 href 属性，转换成 property 的时候需要通过转换得到完整 URL
一些 attribute 和 property 不是一一对应如：form 控件中<input value="hello"/>对应的是 defaultValue，修改或设置 value property 修改的是控件当前值，setAttribute 修改 value 属性不会改变 value property 
offsetWidth/offsetHeight,clientWidth/clientHeight 与 scrollWidth/scrollHeight 的区别 
offsetWidth/offsetHeight 返回值包含 content + padding + border，效果与 e.getBoundingClientRect()相同
clientWidth/clientHeight 返回值只包含 content + padding，如果有滚动条，也不包含滚动条
scrollWidth/scrollHeight 返回值包含 content + padding + 溢出内容的尺寸 
描述浏览器的渲染过程，DOM 树和渲染树的区别？ 
浏览器的渲染过程： 
解析 HTML 构建 DOM(DOM 树)，并行请求 css/image/js
CSS 文件下载完成，开始构建 CSSOM(CSS 树)
CSSOM 构建结束后，和 DOM 一起生成 Render Tree(渲染树)
布局(Layout)：计算出每个节点在屏幕中的位置
显示(Painting)：通过显卡把页面画到屏幕上 
DOM 树 和 渲染树 的区别： 
DOM 树与 HTML 标签一一对应，包括 head 和隐藏元素
渲染树不包括 head 和隐藏元素，大段文本的每一个行都是独立节点，每一个节点都有对应的 css 属性 
重绘和回流（重排）的区别和关系？ 
重绘：当渲染树中的元素外观（如：颜色）发生改变，不影响布局时，产生重绘
回流：当渲染树中的元素的布局（如：尺寸、位置、隐藏/状态状态）发生改变时，产生重绘回流
注意：JS 获取 Layout 属性值（如：offsetLeft、scrollTop、getComputedStyle 等）也会引起回流。因为浏览器需要通过回流计算最新值
回流必将引起重绘，而重绘不一定会引起回流 
如何最小化重绘(repaint)和回流(reflow)？ 
需要要对元素进行复杂的操作时，可以先隐藏(display:“none”)，操作完成后再显示
需要创建多个 DOM 节点时，使用 DocumentFragment 创建完后一次性的加入 document
缓存 Layout 属性值，如：var left = elem.offsetLeft; 这样，多次使用 left 只产生一次回流
尽量避免用 table 布局（table 元素一旦触发回流就会导致 table 里所有的其它元素回流）
避免使用 css 表达式(expression)，因为每次调用都会重新计算值（包括加载页面）
尽量使用 css 属性简写，如：用 border 代替 border-width, border-style, border-color
 批量修改元素样式：elem.className 和 elem.style.cssText 代替 elem.style.xxx 
script 的位置是否会影响首屏显示时间？ 
在解析 HTML 生成 DOM 过程中，js 文件的下载是并行的，不需要 DOM 处理到 script 节点。因此，script 的位置不影响首屏显示的开始时间。
浏览器解析 HTML 是自上而下的线性过程，script 作为 HTML 的一部分同样遵循这个原则
因此，script 会延迟 DomContentLoad，只显示其上部分首屏内容，从而影响首屏显示的完成时间 
解释 JavaScript 中的作用域与变量声明提升？ 
JavaScript 作用域： 
在 Java、C 等语言中，作用域为 for 语句、if 语句或{}内的一块区域，称为作用域；
而在 JavaScript 中，作用域为 function(){}内的区域，称为函数作用域。 
JavaScript 变量声明提升： 
在 JavaScript 中，函数声明与变量声明经常被 JavaScript 引擎隐式地提升到当前作用域的顶部。
声明语句中的赋值部分并不会被提升，只有名称被提升
函数声明的优先级高于变量，如果变量名跟函数名相同且未赋值，则函数声明会覆盖变量声明
如果函数有多个同名参数，那么最后一个参数（即使没有定义）会覆盖前面的同名参数 
介绍 JavaScript 的原型，原型链？有什么特点？ 
原型： 
JavaScript 的所有对象中都包含了一个 [proto] 内部属性，这个属性所对应的就是该对象的原型
JavaScript 的函数对象，除了原型 [proto] 之外，还预置了 prototype 属性
当函数对象作为构造函数创建实例时，该 prototype 属性值将被作为实例对象的原型 [proto]。 
原型链： 
当一个对象调用的属性/方法自身不存在时，就会去自己 [proto] 关联的前辈 prototype 对象上去找
如果没找到，就会去该 prototype 原型 [proto] 关联的前辈 prototype 去找。依次类推，直到找到属性/方法或 undefined 为止。从而形成了所谓的“原型链” 
原型特点： 
JavaScript 对象是通过引用来传递的，当修改原型时，与之相关的对象也会继承这一改变 
JavaScript 有几种类型的值？，你能画一下他们的内存图吗 
原始数据类型（Undefined，Null，Boolean，Number、String）-- 栈
引用数据类型（对象、数组和函数）-- 堆
两种类型的区别是：存储位置不同：
原始数据类型是直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据；
引用数据类型存储在堆(heap)中的对象，占据空间大、大小不固定，如果存储在栈中，将会影响程序运行的性能；
引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。
当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。 
JavaScript 如何实现一个类，怎么实例化这个类？ 
构造函数法（this + prototype） – 用 new 关键字 生成实例对象 
  缺点：用到了 this 和 prototype，编写复杂，可读性差
  
  function Mobile(name, price){
     this.name = name;
     this.price = price;
   }
   Mobile.prototype.sell = function(){
      alert(this.name + "，售价 $" + this.price);
   }
   var iPhone7 = new Mobile("iPhone7", 1000);
   iPhone7.sell();
 
Object.create 法 – 用 Object.create() 生成实例对象 
  缺点：不能实现私有属性和私有方法，实例对象之间也不能共享数据
  
 var Person = {
     firstname: "Mark",
     lastname: "Yun",
     age: 25,
     introduce: function(){
         alert('I am ' + Person.firstname + ' ' + Person.lastname);
     }
 };

 var person = Object.create(Person);
 person.introduce();

 // Object.create 要求 IE9+，低版本浏览器可以自行部署：
 if (!Object.create) {
　   Object.create = function (o) {
　　　 function F() {}
　　　 F.prototype = o;
　　　 return new F();
　　};
　}
 
极简主义法（消除 this 和 prototype） – 调用 createNew() 得到实例对象 
  优点：容易理解，结构清晰优雅，符合传统的"面向对象编程"的构造
  
 var Cat = {
   age: 3, // 共享数据 -- 定义在类对象内，createNew() 外
   createNew: function () {
     var cat = {};
     // var cat = Animal.createNew(); // 继承 Animal 类
     cat.name = "小咪";
     var sound = "喵喵喵"; // 私有属性--定义在 createNew() 内，输出对象外
     cat.makeSound = function () {
       alert(sound);  // 暴露私有属性
     };
     cat.changeAge = function(num){
       Cat.age = num; // 修改共享数据
     };
     return cat; // 输出对象
   }
 };

 var cat = Cat.createNew();
 cat.makeSound();
 
ES6 语法糖 class – 用 new 关键字 生成实例对象 
     class Point {
       constructor(x, y) {
         this.x = x;
         this.y = y;
       }
       toString() {
         return '(' + this.x + ', ' + this.y + ')';
       }
     }

  var point = new Point(2, 3);
 
Javascript 如何实现继承？ 
构造函数绑定：使用 call 或 apply 方法，将父对象的构造函数绑定在子对象上 
function Cat(name,color){
 　Animal.apply(this, arguments);
 　this.name = name;
 　this.color = color;
}
 
实例继承：将子对象的 prototype 指向父对象的一个实例 
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;
 
拷贝继承：如果把父对象的所有属性和方法，拷贝进子对象 
function extend(Child, Parent) {
　　　var p = Parent.prototype;
　　　var c = Child.prototype;
　　　for (var i in p) {
　　　   c[i] = p[i];
　　　}
　　　c.uber = p;
}
 
原型继承：将子对象的 prototype 指向父对象的 prototype 
function extend(Child, Parent) {
    var F = function(){};
    　F.prototype = Parent.prototype;
    　Child.prototype = new F();
    　Child.prototype.constructor = Child;
    　Child.uber = Parent.prototype;
}
 
ES6 语法糖 extends：class ColorPoint extends Point {} 
class ColorPoint extends Point {
    constructor(x, y, color) {
        super(x, y); // 调用父类的constructor(x, y)
        this.color = color;
    }
    toString() {
        return this.color + ' ' + super.toString(); // 调用父类的toString()
    }
}
 
js 继承方式及其优缺点 
原型链继承的缺点 
一是字面量重写原型会中断关系，使用引用类型的原型，并且子类型还无法给超类型传递参数。 
借用构造函数（类式继承） 
借用构造函数虽然解决了刚才两种问题，但没有原型，则复用无从谈起。所以我们需要原型链+借用构造函数的模式，这种模式称为组合继承 
组合式继承 
组合式继承是比较常用的一种继承方法，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，既通过在原型上定义方法实现了函数复用，又保证每个实例都有它自己的属性。 
javascript 创建对象的几种方式？ 
javascript 创建对象简单的说,无非就是使用内置对象或各种自定义对象，当然还可以用 JSON；但写法有很多种，也能混合使用 
对象字面量的方式 
person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"};
 
用 function 来模拟无参的构造函数 
 function Person(){}
    var person=new Person();//定义一个function，如果使用new"实例化",该function可以看作是一个Class
        person.name="Mark";
        person.age="25";
        person.work=function(){
        alert(person.name+" hello...");
    }
person.work();
 
用 function 来模拟参构造函数来实现（用 this 关键字定义构造的上下文属性） 
function Pet(name,age,hobby){
    this.name=name;//this作用域：当前对象
    this.age=age;
    this.hobby=hobby;
    this.eat=function(){
        alert("我叫"+this.name+",我喜欢"+this.hobby+",是个程序员");
    }
}
var maidou =new Pet("麦兜",25,"coding");//实例化、创建对象
maidou.eat();//调用eat方法
 
用工厂方式来创建（内置对象） 
var wcDog =new Object();
     wcDog.name="旺财";
     wcDog.age=3;
wcDog.work=function(){
    alert("我是"+wcDog.name+",汪汪汪......");
}
wcDog.work();
 
用原型方式来创建 
function Dog(){

    }
Dog.prototype.name="旺财";
Dog.prototype.eat=function(){
    alert(this.name+"是个吃货");
}
var wangcai =new Dog();
wangcai.eat();
 
用混合方式来创建 
function Car(name,price){
    this.name=name;
    this.price=price;
}
    Car.prototype.sell=function(){
    alert("我是"+this.name+"，我现在卖"+this.price+"万元");
    }
var camry =new Car("凯美瑞",27);
camry.sell();
 
Javascript 作用链域? 
全局函数无法查看局部函数的内部细节，但局部函数可以查看其上层的函数细节，直至全局细节
如果当前作用域没有找到属性或方法，会向上层作用域查找，直至全局函数，这种形式就是作用域链 
谈谈 this 对象的理解 
this 总是指向函数的直接调用者
如果有 new 关键字，this 指向 new 出来的实例对象
在事件中，this 指向触发这个事件的对象
IE 下 attachEvent 中的 this 总是指向全局对象 Window 
eval 是做什么的？ 
eval 的功能是把对应的字符串解析成 JS 代码并运行 
应该避免使用 eval，不安全，非常耗性能（先解析成 js 语句，再执行）
由 JSON 字符串转换为 JSON 对象的时候可以用 eval(’(’+ str +’)’); 
什么是 Window 对象? 什么是 Document 对象? 
Window 对象表示当前浏览器的窗口，是 JavaScript 的顶级对象。
我们创建的所有对象、函数、变量都是 Window 对象的成员。
Window 对象的方法和属性是在全局范围内有效的。
Document 对象是 HTML 文档的根节点与所有其他节点（元素节点，文本节点，属性节点, 注释节点）
Document 对象使我们可以通过脚本对 HTML 页面中的所有元素进行访问
Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问 
介绍 DOM 的发展 
DOM：文档对象模型（Document Object Model），定义了访问 HTML 和 XML 文档的标准，与编程语言及平台无关
DOM0：提供了查询和操作 Web 文档的内容 API。未形成标准，实现混乱。如：document.forms[‘login’]
DOM1：W3C 提出标准化的 DOM，简化了对文档中任意部分的访问和操作。如：JavaScript 中的 Document 对象
DOM2：原来 DOM 基础上扩充了鼠标事件等细分模块，增加了对 CSS 的支持。如：getComputedStyle(elem, pseudo)
DOM3：增加了 XPath 模块和加载与保存（Load and Save）模块。如：XPathEvaluator 
介绍 DOM0，DOM2，DOM3 事件处理方式区别 
DOM0 级事件处理方式： 
btn.onclick = func;
btn.onclick = null; 
DOM2 级事件处理方式： 
btn.addEventListener(‘click’, func, false);
btn.removeEventListener(‘click’, func, false);
btn.attachEvent(“onclick”, func);
btn.detachEvent(“onclick”, func); 
DOM3 级事件处理方式： 
eventUtil.addListener(input, “textInput”, func);
eventUtil 是自定义对象，textInput 是 DOM3 级事件 
事件的三个阶段 
捕获、目标、冒泡 
介绍事件“捕获”和“冒泡”执行顺序和事件的执行次数？ 
按照 W3C 标准的事件：首是进入捕获阶段，直到达到目标元素，再进入冒泡阶段 
事件执行次数（DOM2-addEventListener）：元素上绑定事件的个数 
注意 1：前提是事件被确实触发
注意 2：事件绑定几次就算几个事件，即使类型和功能完全一样也不会“覆盖” 
事件执行顺序：判断的关键是否目标元素 
非目标元素：根据 W3C 的标准执行：捕获->目标元素->冒泡（不依据事件绑定顺序）
目标元素：依据事件绑定顺序：先绑定的事件先执行（不依据捕获冒泡标准）
最终顺序：父元素捕获->目标元素事件 1->目标元素事件 2->子元素捕获->子元素冒泡->父元素冒泡
注意：子元素事件执行前提 事件确实“落”到子元素布局区域上，而不是简单的具有嵌套关系 
在一个 DOM 上同时绑定两个点击事件：一个用捕获，一个用冒泡。事件会执行几次，先执行冒泡还是捕获？ 
该 DOM 上的事件如果被触发，会执行两次（执行次数等于绑定次数）
如果该 DOM 是目标元素，则按事件绑定顺序执行，不区分冒泡/捕获
如果该 DOM 是处于事件流中的非目标元素，则先执行捕获，后执行冒泡 
事件的代理/委托 
事件委托是指将事件绑定目标元素的到父元素上，利用冒泡机制触发该事件 
优点： 
可以减少事件注册，节省大量内存占用
可以将事件应用于动态添加的子元素上 
缺点： 使用不当会造成事件在不应该触发时触发 
示例： 
ulEl.addEventListener('click', function(e){
    var target = event.target || event.srcElement;
    if(!!target && target.nodeName.toUpperCase() === "LI"){
        console.log(target.innerHTML);
    }
}, false);
 
IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？ 
IE 只事件冒泡，不支持事件捕获；火狐同时支持件冒泡和事件捕获。 
阻止冒泡： 
取消默认操作: w3c 的方法是 e.preventDefault()，IE 则是使用 e.returnValue = false;
return false javascript 的 return false 只会阻止默认行为，而是用 jQuery 的话则既阻止默认行为又防止对象冒泡。
阻止冒泡 w3c 的方法是 e.stopPropagation()，IE 则是使用 e.cancelBubble = true 
[js] view plaincopy
function stopHandler(event)

    window.event?window.event.cancelBubble=true:event.stopPropagation();

}
 
参考链接:浅谈 javascript 事件取消和阻止冒泡-开源中国 2015 
IE 的事件处理和 W3C 的事件处理有哪些区别？(必考) 
绑定事件 
W3C: targetEl.addEventListener(‘click’, handler, false);
IE: targetEl.attachEvent(‘onclick’, handler); 
删除事件 
W3C: targetEl.removeEventListener(‘click’, handler, false);
IE: targetEl.detachEvent(event, handler); 
事件对象 
W3C: var e = arguments.callee.caller.arguments[0]
IE: window.event 
事件目标 
W3C: e.target
IE: window.event.srcElement 
阻止事件默认行为 
W3C: e.preventDefault()
IE: window.event.returnValue = false’ 
阻止事件传播 
W3C: e.stopPropagation()
IE: window.event.cancelBubble = true 
W3C 事件的 target 与 currentTarget 的区别？ 
target 只会出现在事件流的目标阶段
currentTarget 可能出现在事件流的任何阶段
当事件流处在目标阶段时，二者的指向相同
当事件流处于捕获或冒泡阶段时：currentTarget 指向当前事件活动的对象(一般为父级) 
如何派发事件(dispatchEvent)？（如何进行事件广播？） 
W3C: 使用 dispatchEvent 方法
IE: 使用 fireEvent 方法 
var fireEvent = function(element, event){
    if (document.createEventObject){
        var mockEvent = document.createEventObject();
        return element.fireEvent('on' + event, mockEvent)
    }else{
        var mockEvent = document.createEvent('HTMLEvents');
        mockEvent.initEvent(event, true, true);
        return !element.dispatchEvent(mockEvent);
    }
}
 
什么是函数节流？介绍一下应用场景和原理？ 
函数节流(throttle)是指阻止一个函数在很短时间间隔内连续调用。 只有当上一次函数执行后达到规定的时间间隔，才能进行下一次调用。 但要保证一个累计最小调用间隔（否则拖拽类的节流都将无连续效果）
函数节流用于 onresize, onscroll 等短时间内会多次触发的事件
函数节流的原理：使用定时器做时间节流。 当触发一个事件时，先用 setTimout 让这个事件延迟一小段时间再执行。 如果在这个时间间隔内又触发了事件，就 clearTimeout 原来的定时器， 再 setTimeout 一个新的定时器重复以上流程。 
函数节流简单实现： 
function throttle(method, context) {
     clearTimeout(methor.tId);
     method.tId = setTimeout(function(){
         method.call(context);
     }， 100); // 两次调用至少间隔 100ms
}
// 调用
window.onresize = function(){
    throttle(myFunc, window);
}
 
区分什么是“客户区坐标”、“页面坐标”、“屏幕坐标”？ 
客户区坐标：鼠标指针在可视区中的水平坐标(clientX)和垂直坐标(clientY)
页面坐标：鼠标指针在页面布局中的水平坐标(pageX)和垂直坐标(pageY)
屏幕坐标：设备物理屏幕的水平坐标(screenX)和垂直坐标(screenY) 
如何获得一个 DOM 元素的绝对位置？ 
elem.offsetLeft：返回元素相对于其定位父级左侧的距离
elem.offsetTop：返回元素相对于其定位父级顶部的距离
elem.getBoundingClientRect()：返回一个 DOMRect 对象，包含一组描述边框的只读属性，单位像素 
分析 [‘1’, ‘2’, ‘3’].map(parseInt) 答案是多少？（常考） 
答案:[1, NaN, NaN] 
parseInt(string, radix) 第 2 个参数 radix 表示进制。省略 radix 或 radix = 0，则数字将以十进制解析 
map 每次为 parseInt 传 3 个参数(elem, index, array)，其中 index 为数组索引 
因此，map 遍历 [“1”, “2”, “3”]，相应 parseInt 接收参数如下 
parseInt('1', 0);  // 1
parseInt('2', 1);  // NaN
parseInt('3', 2);  // NaN
 
所以，parseInt 参数 radix 不合法，导致返回值为 NaN 
new 操作符具体干了什么？ 
创建实例对象，this 变量引用该对象，同时还继承了构造函数的原型
属性和方法被加入到 this 引用的对象中
新创建的对象由 this 所引用，并且最后隐式的返回 this 
用原生 JavaScript 的实现过什么功能吗？ 
封装选择器、调用第三方 API、设置和获取样式(自由回答) 
解释一下这段代码的意思吗？ 
  [].forEach.call($$("*"), function(el){
      el.style.outline = "1px solid #" + (~~(Math.random()*(1<<24))).toString(16);
  })
 
解释：获取页面所有的元素，遍历这些元素，为它们添加 1 像素随机颜色的轮廓(outline) 
 $(s e l) / /$ 函数被许多现代浏览器命令行支持，等价于 document.querySelectorAll(sel)
[].forEach.call(NodeLists) // 使用 call 函数将数组遍历函数 forEach 应到节点元素列表
el.style.outline = “1px solid #333” // 样式 outline 位于盒模型之外，不影响元素布局位置
(1<<24) // parseInt(“ffffff”, 16) == 16777215 == 2^24 - 1 // 1<<24 == 2^24 == 16777216
Math.random()*(1<<24) // 表示一个位于 0 到 16777216 之间的随机浮点数
~~Math.random()*(1<<24) // ~~ 作用相当于 parseInt 取整
(~~(Math.random()*(1<<24))).toString(16) // 转换为一个十六进制- 
JavaScript 实现异步编程的方法？ 
回调函数
事件监听
发布/订阅
Promises 对象
Async 函数[ES7] 
web 开发中会话跟踪的方法有哪些 
cookie
session
url 重写
隐藏 input
ip 地址 
什么是闭包（closure），为什么要用它？ 
闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域 
闭包的特性： 
函数内再嵌套函数
内部函数可以引用外层的参数和变量
参数和变量不会被垃圾回收机制回收 
javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么？ 
use strict 是一种 ECMAscript 5 添加的（严格）运行模式,这种模式使得 Javascript 在更严格的条件下运行,使 JS 编码更加规范化的模式,消除 Javascript 语法的一些不合理、不严谨之处，减少一些怪异行为 
如何判断一个对象是否属于某个类？ 
// 使用instanceof （待完善）
   if(a instanceof Person){
       alert('yes');
   }
 
js 延迟加载的方式有哪些？ 
defer 和 async、动态创建 DOM 方式（用得最多）、按需异步载入 js 
defer 和 async 
defer 并行加载 js 文件，会按照页面上 script 标签的顺序执行 async 并行加载 js 文件，下载完成立即执行，不会按照页面上 script 标签的顺序执行 
Ajax 是什么? 如何创建一个 Ajax？ 
ajax 的全称：Asynchronous Javascript And XML 
异步传输+js+xml 
所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新的，提高了用户体验 
创建 XMLHttpRequest 对象,也就是创建一个异步调用对象
建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、URL 及验证信息
设置响应 HTTP 请求状态变化的函数
发送 HTTP 请求
获取异步调用返回的数据
用 JavaScript 和 DOM 实现局部刷新 
同步和异步的区别? 
同步：浏览器访问服务器请求，用户看得到页面刷新，重新发请求,等请求完，页面刷新，新内容出现，用户看到新内容,进行下一步操作
异步：浏览器访问服务器请求，用户正常操作，浏览器后端进行请求。等请求完，页面不刷新，新内容也会出现，用户看到新内容 
documen.write 和 innerHTML 的区别 
document.write 只能重绘整个页面
innerHTML 可以重绘页面的一部分 
DOM 操作——怎样添加、移除、移动、复制、创建和查找节点? 
创建新节点 
createDocumentFragment() //创建一个 DOM 片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点 
添加、移除、替换、插入 
appendChild()
removeChild()
replaceChild()
insertBefore() //在已有的子节点前插入一个新的子节点 
查找 
getElementsByTagName() //通过标签名称
getElementsByName() // 通过元素的 Name 属性的值(IE 容错能力较强，会得到一个数组，其中包括 id 等于 name 值的) * getElementById() //通过元素 Id，唯一性 
那些操作会造成内存泄漏？ 
内存泄漏指任何对象在您不再拥有或需要它之后仍然存在
垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即可回收
setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏
闭包、控制台日志、循环（在两个对象彼此引用且彼此保留时，就会产生一个循环） 
渐进增强和优雅降级 
渐进增强 ：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
优雅降级 ：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容 
Javascript 垃圾回收方法 
标记清除（mark and sweep） 
这是 JavaScript 最常见的垃圾回收方式，当变量进入执行环境的时候，比如函数中声明一个变量，垃圾回收器将其标记为“进入环境”，当变量离开环境的时候（函数执行结束）将其标记为“离开环境”
垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量以及被环境中变量所引用的变量（闭包），在这些完成之后仍存在标记的就是要删除的变量了 
引用计数(reference counting) 
在低版本 IE 中经常会出现内存泄露，很多时候就是因为其采用引用计数方式进行垃圾回收。引用计数的策略是跟踪记录每个值被使用的次数，当声明了一个 变量并将一个引用类型赋值给该变量的时候这个值的引用次数就加 1，如果该变量的值变成了另外一个，则这个值得引用次数减 1，当这个值的引用次数变为 0 的时 候，说明没有变量在使用，这个值没法被访问了，因此可以将其占用的空间回收，这样垃圾回收器会在运行的时候清理掉引用次数为 0 的值占用的空间 
参考链接 内存管理-MDN 
用过哪些设计模式？ 
工厂模式： 
主要好处就是可以消除对象间的耦合，通过使用工程方法而不是 new 关键字。将所有实例化的代码集中在一个位置防止代码重复
工厂模式解决了重复实例化的问题 ，但还有一个问题,那就是识别问题，因为根本无法 搞清楚他们到底是哪个对象的实例 
function createObject(name,age,profession){
    //集中实例化的函数
    var obj = new Object();
    obj.name = name;
    obj.age = age;
    obj.profession = profession;
    obj.move = function () {
        return this.name + ' at ' + this.age + ' engaged in ' + this.profession;
    };
    return obj;
}
var test1 = createObject('trigkit4',22,'programmer');//第一个实例var test2 = createObject('mike',25,'engineer');//第二个实例
 
构造函数模式 
使用构造函数的方法 ，即解决了重复实例化的问题 ，又解决了对象识别的问题，该模式与工厂模式的不同之处在于
构造函数方法没有显示的创建对象 (new Object());
直接将属性和方法赋值给 this 对象;
没有 renturn 语句 
说说你对闭包的理解 
使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。在 js 中，函数即闭包，只有函数才会产生作用域的概念 
闭包有三个特性： 
函数嵌套函数
函数内部可以引用外部的参数和变量
参数和变量不会被垃圾回收机制回收 
请解释一下 JavaScript 的同源策略 
概念:同源策略是客户端脚本（尤其是 Javascript）的重要的安全度量标准。它最早出自 Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。这里的同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议
指一段脚本只能读取来自同一来源的窗口和文档的属性 
为什么要有同源限制？ 
我们举例说明：比如一个黑客程序，他利用 Iframe 把真正的银行登录页面嵌到他的页面上，当你使用真实的用户名，密码登录时，他的页面就可以通过 Javascript 读取到你的表单中 input 中的内容，这样用户名，密码就轻松到手了。] 
缺点: 现在网站的 JS 都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节 
实现一个函数 clone，可以对 JavaScript 中的 5 种主要的数据类型（包括 Number、String、Object、Array、Boolean）进行值复制（常考） 
function deepClone(obj) {
    if (!isObject(obj)) {
        throw new Error('obj 不是一个对象！')
    }

    let isArray = Array.isArray(obj)
    let cloneObj = isArray ? [] : {}
    for (let key in obj) {
        cloneObj[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key]
    }

    return cloneObj
}
 
注意：for…in 法不支持拷贝 func、date、reg 和 err 
// 代理法
function deepClone(obj) {
    if (!isObject(obj)) {
        throw new Error('obj 不是一个对象！')
    }

    let isArray = Array.isArray(obj)
    let cloneObj = isArray ? [...obj] : { ...obj }
    Reflect.ownKeys(cloneObj).forEach(key => {
        cloneObj[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key]
    })

    return cloneObj
}
 
说说严格模式的限制 
严格模式主要有以下限制：
变量必须声明后再使用
函数的参数不能有同名属性，否则报错
不能使用 with 语句
不能对只读属性赋值，否则报错
不能使用前缀 0 表示八进制数，否则报错
不能删除不可删除的属性，否则报错
不能删除变量 delete prop，会报错，只能删除属性 delete global[prop]
eval 不会在它的外层作用域引入变量
eval 和 arguments 不能被重新赋值
arguments 不会自动反映函数参数的变化
不能使用 arguments.callee
不能使用 arguments.caller
禁止 this 指向全局对象
不能使用 fn.caller 和 fn.arguments 获取函数调用的堆栈
增加了保留字（比如 protected、static 和 interface） 
如何删除一个 cookie 
将时间设为当前时间往前一点 
var date = new Date();
date.setDate(date.getDate() - 1);//真正的删除
 
setDate()方法用于设置一个月的某一天 
expires 的设置 
  document.cookie = 'user='+ encodeURIComponent('name')  + ';expires = ' + new Date(0)
 
编写一个方法 求一个字符串的字节长度 
假设：一个英文字符占用一个字节，一个中文字符占用两个字节 
function GetBytes(str){

        var len = str.length;

        var bytes = len;

        for(var i=0; i<len; i++){

            if (str.charCodeAt(i) > 255) bytes++;

        }

        return bytes;

    }

alert(GetBytes("你好,as"));
 
请解释什么是事件代理 
事件代理（Event Delegation），又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是 DOM 元素的事件冒泡。使用事件代理的好处是可以提高性能 
attribute 和 property 的区别是什么？ 
attribute 是 dom 元素在文档中作为 html 标签拥有的属性；
property 就是 dom 元素在 js 中作为对象拥有的属性。
对于 html 的标准属性来说，attribute 和 property 是同步的，是会自动更新的
但是对于自定义的属性来说，他们是不同步的 
页面编码和被请求的资源编码如果不一致如何处理？ 
后端响应头设置 charset
前端页面<meta>设置 charset 
把 <script> 放在 </body> 之前和之后有什么区别？浏览器会如何解析它们？ 
按照 HTML 标准，在结束后出现<script>或任何元素的开始标签，都是解析错误
 虽然不符合 HTML 标准，但浏览器会自动容错，使实际效果与写在</body>之前没有区别
 浏览器的容错机制会忽略<script>之前的，视作<script>仍在 body 体内。省略</body>和</html>闭合标签符合 HTML 标准，服务器可以利用这一标准 
把 <script> 放在 </head> 中会有什么问题？ 
在浏览器渲染页面之前，它需要通过解析HTML标记然后构建DOM树。在这个过程中，如果解析器遇到了一个脚本(script)，它就会停下来，并且执行这个脚本，然后才会继续解析HTML。如果遇到了一个引用外部资源的脚本(script)，它就必须停下来等待这个脚本资源的下载，而这个行为会导致一个或者多个的网络往返，并且会延迟页面的首次渲染时间。 
还有一点是需要我们注意的，那就是外部引入的脚本(script)会阻塞浏览器的并行下载，HTTP/1.1规范表明，浏览器在每个主机下并行下载的组件不超过两个(也就是说，浏览器一次只能够同时从同一个服务器加载两个脚本)；如果你网站的图片是通过多个服务器提供的，那么按道理来说，你的网站可以一次并行下载多张图片。但是，当我们网站在加载脚本的时候；浏览器不会再启动任何其它的下载，即使这些组件来自不同的服务器。 
异步加载 JS 的方式有哪些？ 
设置<script>属性 async=“async” （一旦脚本可用，则会异步执行）
动态创建 script DOM：document.createElement(‘script’);
XmlHttpRequest 脚本注入
异步加载库 LABjs
模块加载器 Sea.js 
JavaScript 中，调用函数有哪几种方式？ 
方法调用模式 Foo.foo(arg1, arg2);
函数调用模式 foo(arg1, arg2);
构造器调用模式 (new Foo())(arg1, arg2);
call/applay 调用模式 Foo.foo.call(that, arg1, arg2);
bind 调用模式 Foo.foo.bind(that)(arg1, arg2)(); 
简单实现 Function.bind 函数？ 
  if (!Function.prototype.bind) {
    Function.prototype.bind = function(that) {
      var func = this, args = arguments;
      return function() {
        return func.apply(that, Array.prototype.slice.call(args, 1));
      }
    }
  }
  // 只支持 bind 阶段的默认参数：
  func.bind(that, arg1, arg2)();

  // 不支持以下调用阶段传入的参数：
  func.bind(that)(arg1, arg2);
 
列举一下 JavaScript 数组和对象有哪些原生方法 
数组： 
  arr.concat(arr1, arr2, arrn);
arr.join(",");
arr.sort(func);
arr.pop();
arr.push(e1, e2, en);
arr.shift();
unshift(e1, e2, en);
arr.reverse();
arr.slice(start, end);
arr.splice(index, count, e1, e2, en);
arr.indexOf(el);
arr.includes(el); // ES6
 
对象： 
  object.hasOwnProperty(prop);
object.propertyIsEnumerable(prop);
object.valueOf();
object.toString();
object.toLocaleString();
Class.prototype.isPropertyOf(object);
  
Array.slice() 与 Array.splice() 的区别？ 
 slice – “读取”数组指定的元素，不会对原数组进行修改 
  语法：arr.slice(start, end)
start 指定选取开始位置（含）
end 指定选取结束位置（不含）
 
 splice 
  “操作”数组指定的元素，会修改原数组，返回被删除的元素
语法：arr.splice(index, count, [insert Elements])
index 是操作的起始位置
count = 0 插入元素，count > 0 删除元素
[insert Elements] 向数组新插入的元素
  
JavaScript 对象生命周期的理解？ 
当创建一个对象时，JavaScript 会自动为该对象分配适当的内存
垃圾回收器定期扫描对象，并计算引用了该对象的其他对象的数量
如果被引用数量为 0，或惟一引用是循环的，那么该对象的内存即可回收 
哪些操作会造成内存泄漏？ 
JavaScript 内存泄露指对象在不需要使用它时仍然存在，导致占用的内存不能使用或回收
未使用 var 声明的全局变量
闭包函数(Closures)
循环引用(两个对象相互引用)
控制台日志(console.log)
移除存在绑定事件的 DOM 元素(IE) 
在 javascript 中，1 与 Number(1)有什么区别 [易混淆] 
var a = Number(1) // 1
var b = new Number(1)  // Number {[[PrimitiveValue]]: 1}
typeof (a) // number
typeof (b) // object
a == b // true
 
var a = 1 是一个常量，而 Number(1)是一个函数
new Number(1)返回的是一个对象
a==b 为 true 是因为所以在求值过程中，总是会强制转为原始数据类型而非对象，例如下面的代码: 
typeof 123 // "number"
typeof new Number(123) // "object"
123 instanceof Number // false
(new Number(123)) instanceof Number // true
123 === new Number(123) // false
 
参考地址：面试题：在 javascript 中，1 与 Number(1)有什么区别 
console.log(!!(new Boolean(false))输出什么 [易混淆] 
true 
布尔的包装对象 Boolean 的对象实例，对象只有在 null 与 undefined 时，才会认定为布尔的 false 值，布尔包装对象本身是个对象，对象->布尔 都是 true，所以 new Boolean(false)其实是布尔的 true，看下面这段代码: 
if(new Boolean(false)){
    alert('true!!');
}
 
只有使用了 valueOf 后才是真正的转换布尔值，与上面包装对象与原始资料转换说明的相同: 
!!(new Boolean(false))  //true
(new Boolean(false)).valueOf() //false
 
为什么 JS 是单线程,而不是多线程 [常考] 
单线程是指 JavaScript 在执行的时候，有且只有一个主线程来处理所有的任务。
目的是为了实现与浏览器交互。
我们设想一下，如果 JavaScript 是多线程的，现在我们在浏览器中同时操作一个 DOM，一个线程要求浏览器在这个 DOM 中添加节点，而另一个线程却要求浏览器删掉这个 DOM 节点，那这个时候浏览器就会很郁闷，他不知道应该以哪个线程为准。所以为了避免此类现象的发生，降低复杂度，JavaScript 选择只用一个主线程来执行代码，以此来保证程序执行的一致性。 
浏览器中的 Event Loop 
 
主线程运行的时候会生成堆（heap）和栈（stack）；
js 从上到下解析方法，将其中的同步任务按照执行顺序排列到执行栈中；
当程序调用外部的 API 时，比如 ajax、setTimeout 等，会将此类异步任务挂起，继续执行执行栈中的任务，等异步任务返回结果后，再按照执行顺序排列到事件队列中；
主线程先将执行栈中的同步任务清空，然后检查事件队列中是否有任务，如果有，就将第一个事件对应的回调推到执行栈中执行，若在执行过程中遇到异步任务，则继续将这个异步任务排列到事件队列中。
主线程每次将执行栈清空后，就去事件队列中检查是否有任务，如果有，就每次取出一个推到执行栈中执行，这个过程是循环往复的… …，这个过程被称为“Event Loop 事件循环” 
参考地址:Event Loop 这个循环你晓得么？(附 GIF 详解)-饿了么前端

收起

展开全文

js 面试题 js面试题

C++变量(C++变量定义、变量赋值、命名规则)
千次阅读 2017-08-03 09:47:52
其实在前面的例子中已经多次用到了变量。在程序运行期间其值可以改变的量称为变量。一个变量应该有一个名字，并在内存中占据一定的存储单元，在该存储单元中存放变量的值。请注意区分变量名和变量值这两个不同的概念...
收起
C++ 运算符重载
万次阅读 多人点赞 2018-12-26 21:39:21
是两个对象的 str 成员变量都指向同一个地方，还是两个对象的 str 成员变量指向的内存空间中存放的内容相同？如果把 String 对象理解为存放字符串的对象，那应该是后者比较合理和符合习惯，而前者不但不符合习惯，还...
收起
C++运算符重载
测试开发笔记
万次阅读 多人点赞 2019-11-14 17:11:58
49 第六章 C语言 49 C语言中的存储 50 数据类型 50 常量 53 结构体 54 条件／分支逻辑 54 Switch 54 If 55 循环 55 For 55 while 56 do…while 56 函数 56 第七章 Windows环境搭建 59 一、名词注解与定义： 59 C/S ...
收起
测试开发
判断Ｃ语言变量名是否合法
万次阅读 2010-07-07 22:40:00
Ｃ语言实现判断变量名是否合法：代码： #include #include #include int main(){ int n,i,flag,len,flag1; char *ss[]={"auto","break","case","char","const","continue","default","do","double",...
收起
语言 struct float
C#基础教程-c#实例教程，适合初学者
万次阅读 多人点赞 2016-08-22 11:13:24
C#基础教程-c#实例教程，适合初学者。第一章 C#语言基础本章介绍C#语言的基础知识，希望具有C语言的读者能够基本掌握C#语言，并以此为基础，能够进一步学习用C#语言编写window...Microsoft.NET(以下简称.NET)框...
收起
c#
C语言指针详解
千次阅读 多人点赞 2014-10-26 08:37:01
利用指针变量可以表示各种数据结构；能很方便地使用数组和字符串；并能象汇编语言一样处理内存地址，从而编出精练而高效的程序。指针极大地丰富了Ｃ语言的功能。学习指针是学习Ｃ语言中最重要的一环，能否正确...
收起
C++面试题
千次阅读 多人点赞 2019-01-07 17:06:10
答：struct和class的区别在于C里面的struct没有定义方法，而C++的类是将不同类型的数据和与这些数据相关的操作封装在一起的集合体，包含了操作方法。 2. 请说出const与#define相比，有何优点？答：const常量...
收起
C++面试题
lua语法-变量的定义与使用
千次阅读 2018-03-04 14:45:43
lua语法-变量（全局变量与局部变量）全局变量：直接定义变量名，并赋值例如，a = 1; 注：用；结束当前语句（可选，也可以不使用分号） ...局部变量：使用local关键字进行定义 ...例如，以下变量定义语句...
收起
【MATLAB】MATLAB的基础知识
千次阅读 多人点赞 2017-04-12 11:52:00
我们通常意义上的数量（标量）在MATLAB系统中是作为1×1的矩阵来处理的，而仅有一行或一列的矩阵在MATLAB中称为向量。 1）矩阵的创建 MATLAB中矩阵的输入一般有以下几种方法： ①直接输入矩阵元素。直接...
收起
matlab
matlab中变量的命名规则
千次阅读 2021-08-19 14:59:14
有以下几条规则：1.变量名区分字母大小写。例如A和a表示的是不同的变量 2.变量名必须以英文字母开头。例如3a,5b... 3.变量名长度不得超过最大长度限制，超过的部分将被忽略。可以用namelengthmax函数得到变...
收起
matlab
JavaScript中 let 和 var 定义变量说明
千次阅读 2018-04-14 15:04:10
let 语句声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。语法let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];参数var1, var2, …, varN变量名。可以是任意合法的标识符。...
收起
Java实例变量和类变量
万次阅读 多人点赞 2017-09-04 09:02:02
形参：在方法签名中定义的局部变量，由方法调用者负责为其赋值，随方法的结束而消亡。方法内的局部变量：在方法内定义的局部变量，必须在方法内对其进行显示初始化。这种类型的局部变量从初始化完成后开始生效，随...
收起
Java
（shell笔记六）Shell变量：Shell变量的定义、删除变量、只读变量、变量类型
千次阅读 2016-01-12 11:59:10
定义变量时，变量名不加美元符号($),如：$variableName="value"如图：注意1：1.变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。 2.变量名的命名必须遵循如下规则： * 首个字符必须为字母...
收起
shell
verilog 综合注意事项
万次阅读 多人点赞 2016-07-29 15:46:40
11、敏感表：Always过程中，所有被读取的数据，即等号右边的变量都要应放在敏感表中，不然，综合时不能正确地映射到所用的门。 12、IF：如果变量没有在IF语句的每个分支中进行赋值，将会产生latch。如果IF语句...
收起
verilog
C语言中局部变量与全局变量在内存中的存放位置
万次阅读 2015-03-27 12:55:19
C语言中局部变量和全局变量变量的存储类别(static,extern,auto,register) 1----局部变量和全局变量在讨论函数的形参变量时曾经提到，形参变量只在被调用期间才分配内存单元，调用结束立即释放。这一点表明形参变量...
收起
PHP中变量的概念及命名规则
2019-08-19 17:08:20
变量的概念及命名规则
收起
PHP 编程语言命名规则
若x,y均定义为int型,z定义为double型,以下不合法的scanf函数调用语句是: A)scanf(“ %d%lx,%le“,&x,&y,&z)...
千次阅读 2020-11-20 09:28:20
若x,y均定义为int型,z定义为double型,以下不合法的scanf函数调用语句是: A)scanf(" %d%lx,%le",&x,&y,&z); B)scanf("%2d * %d%lf",&x,&y,&z); C)scanf("%x %* d%o",&x,&y); D)scanf...
收起
标准C++复数运算类详解及使用例程
万次阅读 多人点赞 2016-03-17 11:38:59
在C++中复数运算可以通过两种方式来实现： 1）标准C++复数运算库：complex ObjectName(realPart, imagePart); 2）自定义复数运算类：包括复数的实部、虚部、四则运算、模运算、共轭等。后者可以根据需要自己...
收起
C++ complex
verilog 变量命名注意事项
万次阅读 2015-11-06 10:51:49
verilog，时钟，，变量，大小写
收起
大小写 verilog
java中成员函数内部为何不可以定义静态变量？
千次阅读 2017-04-20 11:04:06
我认为以下这两种解释都是类似的，正确的: 解答一：static 只能修饰 ...定义在方法中，被视为局部的。显然是不能共享的。来自 https://zhidao.baidu.com/question/281363843.html 解答二：静态变量时属于整
收起
结构体的定义和结构变量的定义
千次阅读 2015-09-21 10:37:04
以前写程序的时候总是要用到结构体，但是对结构体的定义老是稀里糊涂，今天梳理下，让自己长长记性！... 结构体的定义有以下3种形式： ‘ 1、struct Date { int year,month,da; }; 这时定义结构体变量:
收起
C 结构体
《数据库系统概论》复习
千次阅读 多人点赞 2019-05-27 12:13:27
《数据库系统概论》复习 ...数据库中的数据按照一定的数据模型组织、描述和存储，具有较小的冗余度、较高的数据独立性和易扩展性，并可为各种用户共享。概括地讲，数据库数据具有永久储存、有组织和可共...
收起
数据库系统概论
C++学习笔记（一）（变量、声明、定义、引用）
千次阅读 2019-04-03 16:43:56
1. 如果把一个超出其取值范围的值赋给一...有些语言中将负数赋予unsigned类型是非法的，但在C++中这是合法的。对于signed类型来说，很多编译器处理signed类型的方法与unsigned类型类似，但我们并不能保证所有编译器
收起
C++

Java面试题大全（2020版）

一、Java 基础

1. JDK 和 JRE 有什么区别？

2. == 和 equals 的区别是什么？

3. 两个对象的 hashCode()相同，则 equals()也一定为 true，对吗？

4. final 在 java 中有什么作用？

5. java 中的 Math.round(-1.5) 等于多少？

6. String 属于基础的数据类型吗？

7. java 中操作字符串都有哪些类？它们之间有什么区别？

8. String str="i"与 String str=new String("i")一样吗？

9. 如何将字符串反转？

10. String 类的常用方法都有那些？

11. 抽象类必须要有抽象方法吗？

12. 普通类和抽象类有哪些区别？

13. 抽象类能使用 final 修饰吗？

14. 接口和抽象类有什么区别？

15. java 中 IO 流分为几种？

16. BIO、NIO、AIO 有什么区别？

17. Files的常用方法都有哪些？

二、容器

18. java 容器都有哪些？

19. Collection 和 Collections 有什么区别？

20. List、Set、Map 之间的区别是什么？

21. HashMap 和 Hashtable 有什么区别？

22. 如何决定使用 HashMap 还是 TreeMap？

23. 说一下 HashMap 的实现原理？

24. 说一下 HashSet 的实现原理？

25. ArrayList 和 LinkedList 的区别是什么？

26. 如何实现数组和 List 之间的转换？

27. ArrayList 和 Vector 的区别是什么？

28. Array 和 ArrayList 有何区别？

29. 在 Queue 中 poll()和 remove()有什么区别？

30. 哪些集合类是线程安全的？

31. 迭代器 Iterator 是什么？

32. Iterator 怎么使用？有什么特点？

33. Iterator 和 ListIterator 有什么区别？

三、多线程

35. 并行和并发有什么区别？

36. 线程和进程的区别？

37. 守护线程是什么？

38. 创建线程有哪几种方式？

39. 说一下 runnable 和 callable 有什么区别？

40. 线程有哪些状态？

41. sleep() 和 wait() 有什么区别？

42. notify()和 notifyAll()有什么区别？

43. 线程的 run()和 start()有什么区别？

44. 创建线程池有哪几种方式？

45. 线程池都有哪些状态？

46. 线程池中 submit()和 execute()方法有什么区别？

49. 什么是死锁？

50. 怎么防止死锁？

51. ThreadLocal 是什么？有哪些使用场景？

52.说一下 synchronized 底层实现原理？

53. synchronized 和 volatile 的区别是什么？

54. synchronized 和 Lock 有什么区别？

55. synchronized 和 ReentrantLock 区别是什么？

56. 说一下 atomic 的原理？

四、反射

57. 什么是反射？

58. 什么是 java 序列化？什么情况下需要序列化？

59. 动态代理是什么？有哪些应用？

60. 怎么实现动态代理？

五、对象拷贝

61. 为什么要使用克隆？

62. 如何实现对象克隆？

63. 深拷贝和浅拷贝区别是什么？

六、Java Web

64. jsp 和 servlet 有什么区别？

65. jsp 有哪些内置对象？作用分别是什么？

66. 说一下 jsp 的 4 种作用域？

67. session 和 cookie 有什么区别？

68. 说一下 session 的工作原理？

69. 如果客户端禁止 cookie 能实现 session 还能用吗？

70. spring mvc 和 struts 的区别是什么？

71. 如何避免 sql 注入？

72. 什么是 XSS 攻击，如何避免？

73. 什么是 CSRF 攻击，如何避免？

七、异常

74. throw 和 throws 的区别？

75. final、finally、finalize 有什么区别？