es6 和 python 语法比较

http://www.linchaoqun.com/html/cms/content.jsp?id=1509528630774  Python3笔记:Python与ECMAScript部分语法对比

https://frankfang.github.io/es-6-tutorials/  ES 6 新特性列表

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference  官方的javascript参考文档


python:支持面向对象和函数式编程的多范式编程语言。

es6:是一门面向原型的编程语言

最近再看了一遍es6,发现部分语法有点接近python,js再不是当年那个仓促诞生、简陋甚至丑陋的动态弱类型语言了。

  1. hello world
  2. 简单查看和遍历
  3. 作用域、赋值
  4. 解构赋值
  5. lambda
  6. 文本文件
  7. 遍历
  8. 迭代器和生成器
  9. 字符串
  10. 集合
  11. 装饰器

hello world:

py:

  • print("hello")
  • python hello.py  #运行python程序
  • python -V           #查看版本 python 3.6.3  https://www.python.org/downloads/  去官网下载安装python(升级python版本时,要先卸载旧的,再重新安装新版本)
  • pip install bs4     # 安装第三方包
  • import   bs4        # 代码中导入第三方包

ES6:

  • console.log("hello");
  • node hello.js  // 运行
  • node -v          //查看版本 v9.3.0    https://nodejs.org/dist/  下载node-v9.3.0-x64.msi。(升级node版本时,到官网下载新版本,直接安装即可,无须卸载旧版。)
  • npm install vue  //安装第三方包  npm install vue -g   // 全局安装(如果npm受限,就用cnpm。自己搜索)
  • var http = require("http");  // 导入第三方包
  • import { stat, exists, readFile } from 'fs';  //导入第三方包

简单查看和遍历:

py:

a1 = "helloworld"            # 字符串
a1 = [1, 2, 3, 4, 55, 6] # 列表
a1 = ("aa", "bb") # 元组
print("类型:",type(a1)) # 查看类型
print("长度:",len(a1)) # 查看长度
for i in a1: # 遍历
print(i) dict1 = {'name': 'pp', 'age': 20, "gender": "man"} # 字典
for key, val in dict1.items(): # 遍历字典
print(key, "--", val)

es6:

var a1 = "helloworld";              //字符串
var a1 = [1, 2, 3, 4, 55, 6]; //数组
console.log("类型:" +(typeof a1)); // 查看类型
console.log("长度:" + a1.length); // 查看长度
for (let i=0;i<a1.length;i++){ // 遍历
console.log(a1[i]);
} let dict1 = new Map([["a","aa1"], ['b', 'bb2'], ['c', 'ccc']]); //字典
dict1.forEach(function (value, key) { // 遍历字典
console.log(key,value);
})
for (let [key,value] of dict1) { // 这样遍历也可以
console.log(key,value);
}

作用域、赋值:

py:  http://www.runoob.com/python3/python3-function.html

函数内是局部变量,函数外是全局变量。  当内部作用域想修改外部作用域的变量时,就要用到global和nonlocal关键字

# global示例
num = 1
def fun1():
global num # 需要使用 global 关键字声明
num = 222
print("函数内部---",num)
print(num)
fun1()
print(num)

, global示例

# nonlocal示例
num = 1
def outer():
num = 10
def inner():
nonlocal num # nonlocal关键字声明
num = 100
print("inner函数内部:",num)
inner()
print("outer函数内部:",num)
outer()
print("外部:",num)

, nonlocal示例

ES6:

块级变量   let  (有块级作用域)

块级常量   const   (有块级作用域)声明一个只读的常量

const PI = 3.1415    //块级常量,声明一个只读的常量
{
let a = 10; //块级变量。新增了let命令
var b = 1;
}

变量的解构赋值:

py:

a, b, c = ""
# a, b, c = [1, 2, "hello"]
# a, b, c = (1, 2, "hello")
# a, b, *c = ["aa", "bb", "cc", "dd"] # c是列表 c=["cc","dd"]
# a, b, *c = ("aa", "bb", "cc", "dd") # 同上
print(a)
print(b)
print(c)

es6:

let [a, b, c] = '963';
let [a, b, c] = [1, 2, "hello"];
let [a, , c] = ["aa", "bb", "cc", "dd"];      // a="aa" c="cc"
let {a, b , c , d} = {a:"aa",b:"bb",c:"cc",d:"dd"}; // a="aa" b="bb" c="cc" d="dd'

lambda:

lambda 表达式表示的是匿名函数。函数均是一等成员,可以很方便的函数式编程

py:

aaa = lambda x: x ** 3  #匿名函数
print(aaa(3)) # a = map(lambda x: x ** 3, [1, 2, 3, 4, 5]) # map() 会根据提供的函数对指定序列做映射。
print(list(a)) # [1, 8, 27, 64, 125]

es6:

let aaa = (x => x**3);     //箭头函数
console.log(aaa(3)); // let a = [1,2,3,4,5].map((x) => x **3);
console.log(a); // [1, 8, 27, 64, 125]

文本文件:

py:

f = open("123.txt", 'r', encoding='utf8')
txt1 = f.read()
print(txt1)
f.close()

ES6:

var fs = require("fs");
var data = fs.readFileSync('123.txt');
console.log(data.toString());
console.log("程序执行结束!");

遍历:

py:

#遍历字典
dict = {'first': 'hello', 'second': "world"}
for key, val in dict.items():
print(key, " : ", val)

ES6:

//遍历 Map 结构
const map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
console.log(key + " is " + value);
}
// first is hello
// second is world

迭代器和生成器:

py:  http://www.runoob.com/python3/python3-iterator-generator.html

list1 = [11, 22, 33, 44]
it = iter(list1) # 创建迭代器对象
# print(next(it)) # 输出迭代器的下一个元素
# print(next(it))
for x in it: # 迭代器对象可以使用常规for语句进行遍历
print(x)

es6:

略  http://es6.ruanyifeng.com/?search=lambda&x=16&y=15#docs/iterator  Iterator 和 for...of 循环

function* idMaker() {    // 生成器  ( 如果使用function*语法,则函数将变为GeneratorFunction)
var index = 0;
while(true)
yield index++;
}
var gen = idMaker();
console.log(gen.next().value); //
console.log(gen.next().value); //
console.log(gen.next().value); //

补充阅读:https://www.cnblogs.com/Wayou/p/es6_new_features.html  ES6新特性概览

'''  iterator, generator。   以下是些基本概念:
iterator:它是这么一个对象,拥有一个next方法,这个方法返回一个对象{done,value},这个对象包含两个属性,一个布尔类型的done和包含任意值的value
iterable: 这是这么一个对象,拥有一个obj[@@iterator]方法,这个方法返回一个iterator
generator: 它是一种特殊的iterator。反的next方法可以接收一个参数并且返回值取决与它的构造函数(generator function)。generator同时拥有一个throw方法
generator 函数: 即generator的构造函数。此函数内可以使用yield关键字。在yield出现的地方可以通过generator的next或throw方法向外界传递值。generator 函数是通过function*来声明的
yield 关键字:它可以暂停函数的执行,随后可以再进进入函数继续执行 '''

基本概念

字符串:

py:

# 字符串重复n遍
print("hello"*3) #hellohellohello # 替换
str1 = "123aaa321abc".replace("a", "z") # 替换全部 123zzz321zbc

ES6:

//字符串重复n遍
console.log( 'hello'.repeat(3) ); // "hellohellohello" //替换
let str1="123aaa321abc";
let str2 = str1.replace('a', 'z');//普通的只能替换掉一个 123zaa321abc
let str3 = str1.replace(/a/g, 'z');//正则可以替换全部 123zzz321zbc(这是js比较坑的地方,必须用正则,才能实现全部替换)

集合:

py:

a = set(["aa", "bb", "cc", "cc"])  # 集合的项是不重复的,加入重复的也没用。集合是无序的。
a.add("dd") # 集合add方法
a.remove("bb") # 集合删除方法
print("cc 在集合里吗? ", "cc" in a) # 判断是否在集合里 True
print(a) # {'cc', 'aa', 'dd'} for item in a:         # SET集合的遍历 cc aa dd
print(item, end=" ")
for i in enumerate(a):    # (0, 'dd') (1, 'cc') (2, 'aa')
print(i, end=" ")
a = set("abcde")
b = set("defg")
print(a & b) # 交集        {'e', 'd'}
print(a | b) # 合集        {'b', 'e', 'c', 'd', 'a', 'f', 'g'}
print(a - b) # 相对补集、差集 {'a', 'b', 'c'}
print(a - b) # 相对补集、差集 {'g', 'f'}

ES6:

a = new Set(["aa", "bb", "cc", "cc"])  // 集合的项是不重复的,加入重复的也没用。集合是无序的。
a.add("dd") // 集合add方法
a.delete("bb") // 集合删除方法
console.log("cc 在集合里吗? ", a.has('cc')) // 判断是否在集合里 True
console.log("集合的长度? ", a.size) // 集合的长度
console.log(a) // {'cc', 'aa', 'dd'}
for (let x of a) { // SET集合的遍历
console.log(x);
}
let a = new Set(["a","b","c","d","e"]);
let b = new Set(["d","e","f","g"]);
let unionSet = new Set([...a, ...b]);               // 并集 {"a", "b", "c", "d", "e","f","g"}
let intersectionSet = new Set([...a].filter(x => b.has(x))); // 交集{"d", "e"}
let differenceABSet = new Set([...a].filter(x => !b.has(x))); // 差集 {"a", "b", "c"}

装饰器:

py:

https://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001386819879946007bbf6ad052463ab18034f0254bf355000

ES:

http://es6.ruanyifeng.com/#docs/decorator

http://babeljs.io/


ES6的数组去重(暂时先放这里):

ES6中Array新增了一个静态方法Array.from,可以把类似数组的对象转换为数组,如通过querySelectAll方法得到HTML DOM Node List,以及ES6中新增的Set和Map等可遍历对象

现在我们可以用一行代码实现数组去重了: let array = Array.from(new Set([1, 1, 1, 2, 3, 2, 4]));   console.log(array);  //[1, 2, 3, 4]

...

上一篇:ES6 class(基本语法+方法)


下一篇:es6函数的新语法