找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › 技术交流区 › 前端技术交流 › 查看内容
发新帖

断天涯大虾

社区贡献组

269

主题

272

帖子

1655

积分

社区贡献组

积分
1655

微信认证勋章

最新发帖

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

断天涯大虾
社区贡献组   /  发表于：2017-1-6 10:18  /   查看：7088  /  回复：0
本帖最后由 断天涯大虾 于 2017-1-6 10:54 编辑

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

2. 作用域
变量作用域：在ES6之前没有块声明域，变量作用于函数块或者全局。如下面的代码输入的x为5。
  1. if (true) {
  2. var x = 5;
  3. }
  4. console.log(x); // 5
复制代码
ES6变量作用域：ES6支持块作用域，但需要使用let声明变量。下面的代码输出结果抛出异常。
  1. if (true) {
  2. let y = 5;
  3. }console.log(y); // ReferenceError: y is not defined1234
复制代码
变量上浮：在一个方法或者全局代码中，我们在生命变量之前使用变量时并没有抛异常，而是返回undefined。这是因为javascript自动把变量的声明上浮到函数或者全局的最前面。如下面的代码:
  1. /**
  2. * 全局变量上浮
  3. */
  4. console.log(x === undefined); // logs "true"
  5. var x = 3;

  7. /**
  8. * 方法变量上浮
  9. */
  10. var myvar = "my value";
  11. // 打印变量myvar结果为：undefined
  12. (function() {
  13. console.log(myvar); // undefined
  14. var myvar = "local value";
  15. })();
复制代码
上面代码和下面代码是等价的：
  1. /**
  2. * 全局变量上浮
  3. */
  4. var x;
  5. console.log(x === undefined); // logs "true"
  6. x = 3;

  8. /**
  9. * 方法变量上浮
  10. */
  11. var myvar = "my value";
  12. (function() {
  13. var myvar;
  14. console.log(myvar); // undefined
  15. myvar = "local value";
  16. })();
复制代码
全局变量：在页面中，全局对象是window，所以我们访问全局变量可通过window.variable。例如：
  1. version = "1.0.0";
  2. 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。
  1. parseInt("0xF", 16);
  2. parseInt("F", 16);
  3. parseInt("17", 8);
  4. parseInt(021, 8);
  5. parseInt("015", 10);
  6. parseInt(15.99, 10);
  7. arseInt("15,123", 10);
  8. parseInt("FXX123", 16);
  9. parseInt("1111", 2);
  10. parseInt("15*3", 10);
  11. parseInt("15e2", 10);
  12. parseInt("15px", 10);
复制代码
parseFloat：函数签名为parseFloat(string)，返回结果为数字或者NaN。例如：
  1. parseFloat("3.14"); //返回数字
  2. parseFloat("314e-2"); //返回数字
  3. 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整数：整数可以表达为十进制、八进制、十六进制、二进制。例如：
  1. 0, 117 and -345 //十进制
  2. 015, 0001 and -0o77 //八进制
  3. 0x1123, 0x00111 and -0xF1A7 //十六进制
  4. 0b11, 0b0011 and -0b11 1234 //二进制
复制代码
浮点数：[(+|-)][digits][.digits][(E|e)[(+|-)]digits]。例如：
  1. 3.1415926，-.123456789，-3.1E+12（3100000000000），.1e-23（1e-24）
复制代码
对象：对象的属性获取值可通过“.属性”或者“[属性名]”获取。例如：
  1. var car = { manyCars: {a: "Saab", "b": "Jeep"}, 7: "Mazda" };
  2. console.log(car.manyCars.b); // Jeep
  3. console.log(car[7]); // Mazda
复制代码
对象属性：属性名可以是任意字符串或者空字符串，无效的名字可通过引号包含起来。复杂的名字不能通过.获取，但可以通过[]获取。例如：
  1. var unusualPropertyNames = {
  2. "": "An empty string",
  3. "!": "Bang!"
  4. }
  5. console.log(unusualPropertyNames.""); // SyntaxError: Unexpected string
  6. console.log(unusualPropertyNames[""]); // An empty string
  7. console.log(unusualPropertyNames.!); // SyntaxError: Unexpected token !
  8. console.log(unusualPropertyNames["!"]); // Bang!
复制代码
转意字符：下面的字符串输出结果包含了双引号，因为使用了转意符号“\””。
  1. var quote = "He read "The Cremation of Sam McGee" by R.W. Service.";
  2. console.log(quote);
  3. //输出：He read "The Cremation of Sam McGee" by R.W. Service.1。
复制代码
字符串换行法：直接在字符串行结束时添加“\”，如下代码所示：
  1. var str = "this string \
  2. is broken \
  3. across multiple\
  4. lines."
  5. console.log(str); // this string is broken across multiplelines.
复制代码

No3.控制流和错误处理
1. 块表达式
作用：块表达式一般用于控制流，像if、for、while。下面的代码中{x++;}就是一个块声明。
  1. while (x < 10) {
  2. x++;
  3. }
复制代码
ES6之前没有块域范围：在ES6之前，在block中定义的变量实际是包含在方法或者全局中，变量的影响超出了块作用域的范围。例如下面的代码最终执行结果为2，因为block中声明的变量作用于方法。
  1. var x = 1;
  2. {
  3. var x = 2;
  4. }
  5. 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是有区别，两者是不相等的。如下面的例子：
  1. var b = new Boolean(false);
  2. if (b) // 返回true
  3. if (b == true) // 返回false
复制代码


No4. 异常处理
1. 异常类型
抛出异常语法：抛异常可以是任意类型。如下所示。
  1. throw "Error2"; // 字符串类型
  2. throw 42; // 数字类型
  3. throw true; // 布尔类型
  4. throw {toString: function() { return "I'm an object!"; } }; //对象类型
复制代码
自定义异常：
  1. // 创建一个对象类型UserException
  2. function UserException(message) {
  3. this.message = message;
  4. this.name = "UserException";
  5. }

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

  12. // 创建一个对象实体并抛出它
  13. throw new UserException("Value too high");
复制代码
2. 语法
关键字：使用try{}catch(e){}finally{}语法，和C#语法相似。
finally返回值：如果finaly添加了return 语句，则不管整个try.catch返回什么，返回值都是finally的return。如下所示：
  1. function f() {
  2.     try {
  3.         console.log(0);
  4.         throw "bogus";
  5.     } catch(e) {
  6.         console.log(1);
  7.         return true; // 返回语句被暂停，直到finally执行完成
  8.         console.log(2); // 不会执行的代码
  9.     } finally {
  10.         console.log(3);
  11.         return false; //覆盖try.catch的返回
  12.         console.log(4); //不会执行的代码
  13.     }
  14.     // "return false" is executed now
  15.     console.log(5); // not reachable
  16. }
  17. f(); // 输出 0, 1, 3; 返回 false
复制代码
finally吞并异常：如果finally有return并且catch中有throw异常。throw的异常不会被捕获，因为已经被finally的return覆盖了。如下代码所示：
  1. function f() {
  2.     try {
  3.         throw "bogus";
  4.     } catch(e) {
  5.         console.log('caught inner "bogus"');
  6.         throw e; // throw语句被暂停，直到finally执行完成
  7.     } finally {
  8.         return false; // 覆盖try.catch中的throw语句
  9.     }
  10.     // 已经执行了"return false"
  11. }

  13. try {
  14.     f();
  15. } catch(e) {
  16.     //这里不会被执行，因为catch中的throw已经被finally中的return语句覆盖了
  17.     console.log('caught outer "bogus"');
  18. }
  19. // 输出
  20. // caught inner "bogus"
复制代码
系统Error对象：我们可以直接使用Error{name, message}对象，例如：throw (new Error(‘The message’));

原文链接：http://www.codeceo.com/article/about-javascript-knowledge.html


   
关于葡萄城：全球最大的控件提供商，世界领先的企业应用定制工具、企业报表和商业智能解决方案提供商，为超过75%的全球财富500强企业提供服务。

0 个回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部