第 1 章 JavaScript简介

  • 使用 Node.js 搭建 Web 服务器

    npm install http-server -g
    http-server
  • JavaScript 的类型有数字、字符串、布尔值、函数和对象。还有 undefined 和 null ,以及数组、日期和正则表达式。

  • 操作符

算数操作符 描述
+ 加法
- 减法
* 乘法
/ 除法
% 取余
++ 递增
-- 递减
赋值操作符 描述
= 赋值
+= 加/赋值 (x += y) == (x = x + y)
-= 减/赋值 (x -= y) == (x = x - y)
*= 乘/赋值 (x = y) == (x = x y)
/= 除/赋值 (x /= y) == (x = x / y)
%= 取余/赋值 (x %= y) == (x = x % y)
比较操作符 描述
== 相等
=== 全等
!= 不等
> 大于
>= 大于等于
< 小于
<= 小于等于
逻辑操作符 描述
&&
||
!
位操作符 描述
&
|
~
^ 异或
<< 左移
>> 右移
  • typeof 操作符可以返回变量或表达式的类型
  • JavaScript还支持 delete 操作符,可以删除对象里的属性
数值类型 转换成布尔值
undefined false
null false
布尔值 true是 true ,false是 false
数字 +0 、 -0 和 NaN 都是 false ,其他都是 true
字符串 如果字符串是空的(长度是0)就是 false ,其他都是 true
对象 true
相等操作符( == 和 === )
类型(x) 类型(y) 结 果
null undefined true
undefined null true
数字 字符串 x == toNumber(y)
字符串 数字 toNumber(x) == y
布尔值 任何类型 toNumber(x) == y
任何类型 布尔值 x == toNumber(y)
字符串或数字 对象 x == toPrimitive(y)
对象 字符串或数字 toPrimitive(x) == y
  • 如果x和y是相同类型,JavaScript会比较它们的值或对象值。其他没有列在这个表格中的情况

    都会返回 false 。
  • toNumber 和 toPrimitive 方法是内部的,并根据以下表格对其进行估值。
  • toNumber 方法对不同类型返回的结果如下:
值类型 结 果
undefined NaN
null +0
布尔值 如果是 true ,返回 1 ;如果是 false ,返回 +0
数字 数字对应的值
字符串 将字符串解析成数字。如果字符串中包含字母,返回 NaN ;如果是由数字字符组成的,转换成数字
对象 Number(toPrimitive(vale))
  • toPrimitive 方法对不同类型返回的结果如下:
值类型 结 果
对象 如果对象的 valueOf 方法的结果是原始值,返回原始值。如果对象的 toString方法返回原始值,就返回这个值;其他情况都返回一个错误
  • === 操作符,如果比较的两个值类型不同,比较的结果就是 false 。如果比较的两个值类型相同,结果会根据下表判断。
类型(x) 结 果
数字 x和y数值相同(但不是 NaN ) true
字符串 x和y是相同的字符 true
布尔值 x和y都是 true 或 false true
对象 x和y引用同一个对象 true

ECMAScript 6

  • 用 let 替代 var 声明变量
  • 常量 const PI = 3.141593;
  • 模板字面量

    var name='123'; console.log(`my name is ${name}`);
  • 箭头函数

    let circleArea2 = (r) => 3.14 * r * r;
  • 函数的参数默认值

    function sum(x=1,y=2,z=3){
    return x+y+z;
    }
    sum(4,6);//13
  • 声明展开和剩余参数

在ES5中,我们可以用 apply() 函数把数组转化为参数。

ES6有了展开操作符( ... )。

var params = [3, 4, 5];
console.log(sum(...params));
等价于
var params = [3, 4, 5];
console.log(sum.apply(undefined, params));

在函数中,展开操作符( ... )也可以代替 arguments ,当作剩余参数使用。

function restParamaterFunction (x, y, ...a) {
    return (x + y) * a.length;
}
console.log(restParamaterFunction(1, 2, "hello", true, 7)); //输出9;
等价于
function restParamaterFunction (x, y) {
    var a = Array.prototype.slice.call(arguments, 2);
    return (x + y) * a.length;
};
  • 增强的对象属性

ES6引入了数组解构的概念,可以用来一次初始化多个变量

var [x,y] = ['a','b'];//初始化
[x,y] = [y,x];//值互换
  • 使用类进行面向对象编程

    class Book { //{2}
    constructor (title, pages, isbn) {
        this.title = title;
        this.pages = pages;
        this.isbn = isbn;
    }
    printIsbn(){
        console.log(this.isbn);
    }
    }
  1. 继承

    class ITBook extends Book {
    constructor (title, pages, isbn, technology) {
        super(title, pages, isbn);
        this.technology = technology;
    }
    printTechnology(){
        console.log(this.technology);
    }
    }
    let jsBook = new ITBook('学习JS算法', '200', '1234567890', 'JavaScript');
    console.log(jsBook.title);
    console.log(jsBook.printTechnology());
  2. 使用属性存取器

    class Person {
    constructor (name) {
        this._name = name;
    }
    get name() {
        return this._name;
    }
    set name(value) {
        this._name = value;
    }
    }
    let lotrChar = new Person('Frodo');
    console.log(lotrChar.name); //{4}
    lotrChar.name = 'Gandalf'; //{5}
    console.log(lotrChar.name);
    lotrChar._name = 'Sam'; //{6}
    console.log(lotrChar.name);
  3. 其他功能

ES6还有其他一些功能,包括列表迭代器、类型数组、 Set 、 Map 、 WeakSet 、 WeakMap 、模

块、尾调用、 Symbol ,等等

学习Javascript数据结构与算法(第2版)笔记(1)的更多相关文章

  1. 学习JavaScript数据结构与算法 (二)

    学习JavaScript数据结构与算法 的笔记 包含第四章队列, 第五章链表 本人所有文章首发在博客园: http://www.cnblogs.com/zhangrunhao/ 04队列 实现基本队列 ...

  2. 学习JavaScript数据结构与算法 (一)

    学习JavaScript数据结构与算法 的笔记, 包含一二三章 01基础 循环 斐波那契数列 var fibonaci = [1,1] for (var i = 2; i< 20;i++) { ...

  3. 为什么我要放弃javaScript数据结构与算法(第十一章)—— 算法模式

    本章将会学习递归.动态规划和贪心算法. 第十一章 算法模式 递归 递归是一种解决问题的方法,它解决问题的各个小部分,直到解决最初的大问题.递归通常涉及函数调用自身. 递归函数是像下面能够直接调用自身的 ...

  4. 为什么我要放弃javaScript数据结构与算法(第十章)—— 排序和搜索算法

    本章将会学习最常见的排序和搜索算法,如冒泡排序.选择排序.插入排序.归并排序.快速排序和堆排序,以及顺序排序和二叉搜索算法. 第十章 排序和搜索算法 排序算法 我们会从一个最慢的开始,接着是一些性能好 ...

  5. 为什么我要放弃javaScript数据结构与算法(第九章)—— 图

    本章中,将学习另外一种非线性数据结构--图.这是学习的最后一种数据结构,后面将学习排序和搜索算法. 第九章 图 图的相关术语 图是网络结构的抽象模型.图是一组由边连接的节点(或顶点).学习图是重要的, ...

  6. 为什么我要放弃javaScript数据结构与算法(第八章)—— 树

    之前介绍了一些顺序数据结构,介绍的第一个非顺序数据结构是散列表.本章才会学习另一种非顺序数据结构--树,它对于存储需要快速寻找的数据非常有用. 本章内容 树的相关术语 创建树数据结构 树的遍历 添加和 ...

  7. 为什么我要放弃javaScript数据结构与算法(第七章)—— 字典和散列表

    本章学习使用字典和散列表来存储唯一值(不重复的值)的数据结构. 集合.字典和散列表可以存储不重复的值.在集合中,我们感兴趣的是每个值本身,并把它作为主要元素.而字典和散列表中都是用 [键,值]的形式来 ...

  8. 为什么我要放弃javaScript数据结构与算法(第六章)—— 集合

    前面已经学习了数组(列表).栈.队列和链表等顺序数据结构.这一章,我们要学习集合,这是一种不允许值重复的顺序数据结构. 本章可以学习到,如何添加和移除值,如何搜索值是否存在,也可以学习如何进行并集.交 ...

  9. 为什么我要放弃javaScript数据结构与算法(第五章)—— 链表

    这一章你将会学会如何实现和使用链表这种动态的数据结构,这意味着我们可以从中任意添加或移除项,它会按需进行扩张. 本章内容 链表数据结构 向链表添加元素 从链表移除元素 使用 LinkedList 类 ...

随机推荐

  1. shell 脚本之获取命令输出字符串以及函数参数传递

    在ubuntu 14.04之后,所有的U盘挂载也分用户之分,最近很多操作也和U盘有关,所以就研究了一上午shell脚本函数以及字符串操作的方法. 字符串操作: 获取他的命令输出比较简单,打个简单的比方 ...

  2. ajaxpro返回值类型总结-DataTable(转)

    ajaxpro使用总结系列其他内容 ajaxpro ajaxmethod 重载调用问题 ajaxpro方法ajaxmethod调用示例 ajaxpro返回值类型总结-string,int ajaxpr ...

  3. POJ1285 Combinations, Once Again(背包 排列组合)

    背包解组合数学问题,n种物品,每种num[i]个,求取r个的方法数. 背包思想,f[j]表示当前取j个数的方法数,则状态转移方程为 f[j] += f[k](max(j - num[i], 0) &l ...

  4. JSTL.带标签体的标签,方法和例子

    1. 实现 forEach 标签: 两个属性: items(集合类型, Collection), var(String 类型) doTag: 遍历 items 对应的集合 把正在遍历的对象放入到 pa ...

  5. tyvj 1049 最长不下降子序列 n^2/nlogn

    P1049 最长不下降子序列 时间: 1000ms / 空间: 131072KiB / Java类名: Main 描述 求最长不下降子序列的长度 输入格式 第一行为n,表示n个数第二行n个数 输出格式 ...

  6. c++中的指针问题

    c++和C语言一样,都有指针,指针通过变量的存储位置访问变量内容并进行修改,与引用不同的是,引用仅仅是给变量取一个别名,并不是一个对象,而指针则是一个对象. #include<iostream& ...

  7. Codeforces GYM 100114 B. Island 水题

    B. Island Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/gym/100114 Description O ...

  8. [转载]tcp可靠性的好文

    TCP是通过什么方式来提供可靠传输的 2012-11-23 14:18 665人阅读 评论(0) 收藏 举报 TCP是通过什么方式来提供可靠传输的 (合理截断数据包,超时重发,校验,失序重新排序,能够 ...

  9. BZOJ1606: [Usaco2008 Dec]Hay For Sale 购买干草

    1606: [Usaco2008 Dec]Hay For Sale 购买干草 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 612  Solved: 46 ...

  10. hive on spark的安装及问题

    配置hive hive-site <property> <name>hive.metastore.uris</name> <value>thrift:/ ...