JavaScript面试开发常用的知识点总结


Posted in Javascript onAugust 08, 2016

No1.语法和类型
 1.声明定义
 变量类型:var,定义变量;let,定义块域(scope)本地变量;const,定义只读常量。
 变量格式:以字母、下划线“_”或者$符号开头,大小写敏感。
 变量赋值:声明但未赋值的变量在使用时值为undefined,未声明的变量直接使用会抛异常。
 未赋值变量作计算:结果为NaN。例如:
 var x, y = 1;
console.log(x + y); //结果为NaN,因为x没有赋值。
2.作用域
 变量作用域:在ES6之前没有块声明域,变量作用于函数块或者全局。如下面的代码输入的x为5。

if (true) {
var x = 5;
}
console.log(x); // 5

ES6变量作用域:ES6支持块作用域,但需要使用let声明变量。下面的代码输出结果抛出异常。

i f (true) {
let y = 5;
}
console.log(y); // ReferenceError: y is not defined1234

变量上浮:在一个方法或者全局代码中,我们在生命变量之前使用变量时并没有抛异常,而是返回undefined。这是因为javascript自动把变量的声明上浮到函数或者全局的最前面。如下面的代码:

/**
* 全局变量上浮
*/
console.log(x === undefined); // logs "true"
var x = 3;

/**
* 方法变量上浮
*/
var myvar = "my value";
// 打印变量myvar结果为:undefined
(function() {
console.log(myvar); // undefined
var myvar = "local value";
})(); 
上面代码和下面代码是等价的:
 /**
* 全局变量上浮
*/
var x;
console.log(x === undefined); // logs "true"
x = 3;

/**
* 方法变量上浮
*/
var myvar = "my value";
(function() {
var myvar;
console.log(myvar); // undefined
myvar = "local value";
})();

全局变量:在页面中,全局对象是window,所以我们访问全局变量可通过window.variable。例如:

version = "1.0.0";
console.log(window.version); //输出1.0.0

No2.数据结构和类型 
1.数据类型 
6个基础类型:Boolean(true或者false)、null(js大小写敏感,和Null、NULL是有区别的)、undefined、Number、String、Symbol(标记唯一和不可变)
 一个对象类型:object。
 object和function:对象作为值的容器,函数作为应用程序的过程。 
2.数据转换 
函数:字符串转换为数字可使用parseInt和parseFloat方法。 
parseInt:函数签名为parseInt(string, radix),radix是2-36的数字表示数字基数,例如十进制或者十六进制。返回结果为integer或者NaN,例如下面输出结果都为15。

parseInt("0xF", 16);
parseInt("F", 16);
parseInt("17", 8);
parseInt(021, 8);
parseInt("015", 10);
parseInt(15.99, 10);
arseInt("15,123", 10);
parseInt("FXX123", 16);
parseInt("1111", 2);
parseInt("15*3", 10);
parseInt("15e2", 10);
parseInt("15px", 10);

parseFloat:函数签名为parseFloat(string),返回结果为数字或者NaN。例如:

parseFloat("3.14"); //返回数字
parseFloat("314e-2"); //返回数字
parseFloat("more non-digit characters"); //返回NaN

3.数据类型文本化
文本化类型:Array、Boolean、Floating-point 、integers、Object、RegExp、String。
 Array中额外的逗号情况:["Lion", , "Angel"],长度为3,[1]的值为undefiend。['home', , 'school', ],最后一个逗号省略所以长度为3。[ , 'home', , 'school'],长度为4。['home', , 'school', , ],长度为4。
 integer整数:整数可以表达为十进制、八进制、十六进制、二进制。例如:

0, 117 and -345 //十进制
015, 0001 and -0o77 //八进制
0x1123, 0x00111 and -0xF1A7 //十六进制
0b11, 0b0011 and -0b11 1234 //二进制 
浮点数:[(+|-)][digits][.digits][(E|e)[(+|-)]digits]。例如:
 3.1415926,-.123456789,-3.1E+12(3100000000000),.1e-23(1e-24)

对象:对象的属性获取值可通过“.属性”或者“[属性名]”获取。例如:

var car = { manyCars: {a: "Saab", "b": "Jeep"}, 7: "Mazda" };
console.log(car.manyCars.b); // Jeep
console.log(car[7]); // Mazda

对象属性:属性名可以是任意字符串或者空字符串,无效的名字可通过引号包含起来。复杂的名字不能通过.获取,但可以通过[]获取。例如:

var unusualPropertyNames = {
"": "An empty string",
"!": "Bang!"
}
console.log(unusualPropertyNames.""); // SyntaxError: Unexpected string
console.log(unusualPropertyNames[""]); // An empty string
console.log(unusualPropertyNames.!); // SyntaxError: Unexpected token !
console.log(unusualPropertyNames["!"]); // Bang!

转意字符:下面的字符串输出结果包含了双引号,因为使用了转意符号“\””。

var quote = "He read \"The Cremation of Sam McGee\" by R.W. Service.";
console.log(quote);
//输出:He read "The Cremation of Sam McGee" by R.W. Service.1。

字符串换行法:直接在字符串行结束时添加“\”,如下代码所示:

var str = "this string \
is broken \
across multiple\
lines."
console.log(str); // this string is broken across multiplelines.

No3.控制流和错误处理
 1.块表达式
 作用:块表达式一般用于控制流,像if、for、while。下面的代码中{x++;}就是一个块声明。

while (x < 10) {
x++;
}

ES6之前没有块域范围:在ES6之前,在block中定义的变量实际是包含在方法或者全局中,变量的影响超出了块作用域的范围。例如下面的代码最终执行结果为2,因为block中声明的变量作用于方法。

var x = 1;
{
var x = 2;
}
console.log(x); // outputs 2

ES6之后有块域范围:在ES6中,我们可以把块域声明var改成let,让变量只作用域block范围。 

2.逻辑判断
判断为false的特殊值:false、undefined、null、0、NaN、”"。
 简单boolean和对象Boolean类型:简单boolean类型的false和true与对象Boolean类型的false和true是有区别,两者是不相等的。如下面的例子:

var b = new Boolean(false);
if (b) // 返回true
if (b == true) // 返回false

No4.异常处理
 1.异常类型
 抛出异常语法:抛异常可以是任意类型。如下所示。

throw "Error2"; // 字符串类型
throw 42; // 数字类型
throw true; // 布尔类型
throw {toString: function() { return "I'm an object!"; } }; //对象类型

自定义异常:

// 创建一个对象类型UserException
function UserException(message) {
this.message = message;
this.name = "UserException";
}

//重写toString方法,在抛出异常时能直接获取有用信息
UserException.prototype.toString = function() {
return this.name + ': "' + this.message + '"';
}

// 创建一个对象实体并抛出它
throw new UserException("Value too high");

2.语法
关键字:使用try{}catch(e){}finally{}语法,和C#语法相似。 
finally返回值:如果finaly添加了return 语句,则不管整个try.catch返回什么,返回值都是finally的return。如下所示:

function f() {
  try {
    console.log(0);
    throw "bogus";
  } catch(e) {
    console.log(1);
    return true; // 返回语句被暂停,直到finally执行完成
    console.log(2); // 不会执行的代码
  } finally {
    console.log(3);
    return false; //覆盖try.catch的返回
    console.log(4); //不会执行的代码
  }
  // "return false" is executed now 
  console.log(5); // not reachable
}
f(); // 输出 0, 1, 3; 返回 false

finally吞并异常:如果finally有return并且catch中有throw异常。throw的异常不会被捕获,因为已经被finally的return覆盖了。如下代码所示:

function f() {
  try {
    throw "bogus";
  } catch(e) {
    console.log('caught inner "bogus"');
    throw e; // throw语句被暂停,直到finally执行完成
  } finally {
    return false; // 覆盖try.catch中的throw语句
  }
  // 已经执行了"return false"
}

try {
  f();
} catch(e) {
  //这里不会被执行,因为catch中的throw已经被finally中的return语句覆盖了
  console.log('caught outer "bogus"');
}
// 输出
// caught inner "bogus"

系统Error对象:我们可以直接使用Error{name, message}对象,例如:throw (new Error(‘The message'));

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 多浏览器 事件大全
Mar 23 Javascript
jquery中实现简单的tabs插件功能的代码
Mar 02 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 Javascript
浅析Javascript ES6新增值比较函数Object.is
Aug 24 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作
Aug 31 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
Jan 18 Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 #Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 #Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 #Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 #Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 #Javascript
Bootstrap Table服务器分页与在线编辑应用总结
Aug 08 #Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
Aug 08 #Javascript
You might like
PHP中一个控制字符串输出的函数
2006/10/09 PHP
php中curl使用指南
2015/02/05 PHP
PHP会话操作之cookie用法分析
2016/09/28 PHP
yii2实现分页,带搜索的分页功能示例
2017/01/07 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
flash javascript之间的通讯方法小结
2008/12/20 Javascript
图片无缝滚动代码(向左/向下/向上)
2013/04/10 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
2014/01/09 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
深入理解Vuex 模块化(module)
2017/09/26 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
jQuery实现基本淡入淡出效果的方法详解
2018/09/05 jQuery
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
15行Python代码带你轻松理解令牌桶算法
2018/03/21 Python
python 计算概率密度、累计分布、逆函数的例子
2020/02/25 Python
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
机电专业毕业生推荐信
2013/11/10 职场文书
银行出纳岗位职责
2013/11/25 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
个人自荐材料
2014/05/23 职场文书
分公司总经理岗位职责
2014/08/03 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
领导参观欢迎词
2015/01/26 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
股东大会通知
2015/04/24 职场文书