D3js - 1、Javascript入门
1、Javascript入门
Javascript教程： https://eloquentjavascript.net/
简单记录
chapter 1 ： 数据类型
- 换行字符串：`
- “Hello” + 5 等于
Hello${5} - 看类型：typeof 5
-
&& 是and， ** **是or - 1 == “1” 会显示true， 更细的比较可以用三个等号===
- ternary操作: true ? 1 : 2
- null 和 undefined
chapter 2 ： 程序结构
- 分号表示结尾；
- 声明变量：
var x = 5;等于let x = 5; - 如果用
const x = 5;声明常量，常量不可以改变 - 条件判断:
if(isItTrue){ console.log("Yes") } else{ console.log("No" } - 单行注释
//多行注释/* */ - while loops：
while(判断条件){} - for loops:
for(let i = 0; i < 10; i++){}
chapter 3 : funciton
- 定义function
function square(x){ retrun x * x; } - 另一种方式
let sq = function(x){ return x * x; } - 第三种方式：
sq = (x,y,z) => {} - 递归recursion:
<img src = “https://tva1.sinaimg.cn/large/007S8ZIlgy1gh1j0otkjjj30lq066406.jpg” width=40%>
chapter 4: objects and arrays （重要）
- 定义object
car = {year: 1997, make: 'Honda', model:'Accord', price: 2800}; car.year用点取object里的值 或car['year']- 定义array：
let cars = []; - array里可以是数字、字符串、对象等
- 添加元素：
cars.push() cars.length;显示有多少元素cars[0];for(car of cars) {};遍历， 或者for循环遍历, 或者cars.forEach(function);cars.map(car => car.price) ;map返回新arrayprices.sort()排序cars.filter(car => car.price < 2000 );过滤- object destructure
<img src = “https://tva1.sinaimg.cn/large/007S8ZIlgy1gh1jm357bvj30ys0e8tdi.jpg” width=50%>
JSON.stringify(cars, null , 2)JSON.parse()把上面生成的字符串处理成原来的js对象
搜索js函数 ： mdn xxxx
chapter 10: modules
- 用一个文件 例如 cars.js ，然后
export const cars = JSON.parse(JSONcars); - 然后导入用
import { cars } from 'cars'
chapter 11: 异步编程
<img src = “https://tva1.sinaimg.cn/large/007S8ZIlgy1gh1k6dnjd3j30s00cs753.jpg” width=50%>
- Promise
<img src = “https://tva1.sinaimg.cn/large/007S8ZIlgy1gh1kemuhzmj30yq0fkgxm.jpg” width=70%>
