react-native 学习二 JavaScript和node学习篇

晏鸿畅
2023-12-01

node安装:

sudo apt install nodejs

数据类型:

1.Number(数字)
2.String(字符串)
3.Boolean(布尔)
4.Symbol(符号)
5.Object(对象) Function(函数) Array(数组) Date(日期) RegExp(正则表达式)
6.null(空)
7.undefined(未定义)
JavaScript 还有一种内置的 Error(错误)类型。但是,如果我们继续使用上面的分类,事情便容易得多;所以,现在,我们先讨论上面这些类型

声明变量


var:声明一个变量,可选初始化一个值。
let:声明一个块作用域的局部变量,可选初始化一个值。
const:声明一个块作用域的只读常量。 

箭头函数学习:
=> 不止代表function,还共享this

function funcName(params) {
   return params + 2;
 }
funcName(2);
//	4

var funcName = (params) => params + 2
funcName(2);
//  4

(parameters) => { statements }
如果没有参数,那么可以进一步简化: 
() => { statements }
如果只有一个参数,可以省略括号: 	
parameters => { statements }

如果返回值仅仅只有一个表达式(expression), 还可以省略大括号: 
parameters => expression
// 等价于:
function (parameters){
  return expression;
}

构造方法:

在 JavaScript class 中,每次你定义其子类的构造函数时,
都需要调用 super 方法。
因此,在所有含有构造函数的的 React 组件中,构造函数必须以 super(props) 开头。

类(class)

class Animal {
	constructor(name, color) {
		this.name = name;
		this.color = color;
	}
	toString() {
		console.log('name:' + this.name + ',color:' + this.color);
	}
}

var animal = new Animal('dog', 'white'); //实例化Animal
animal.toString();

console.log(animal.hasOwnProperty('name'));
console.log(animal.hasOwnProperty('toString'));
console.log(animal.__proto__.hasOwnProperty('toString'));
class Cat extends Animal {
	constructor(action) {
		super('cat', 'white');
		this.action = action;
	}
	toString() {
		console.log(super.toString());
	}
}

var cat = new Cat('catch')
cat.toString();

console.log(cat instanceof Cat);
console.log(cat instanceof Animal);

模块化:

1.导出:export		export var name = 'Rainbow'  export {name, age};
2.导入:import
//在文件 myModule.js
export function myModule(someArg) {
	return someArg;
}

使用:
import {myModule} from 'myModule';
import {name, age} from 'test';

var name = `Your name is ${first} ${last}.`

解构赋值:
[a, b] = [b, a]

延展操作符:
可以在函数调用/数组构造时,将数组表达式或者string在语法表名展开,还可以构造对象时,将对象
表达式按key-value的方式展开
myFunction(...iterableObj);
function sum(x, y, z) {
	return x + y + z;
}
const numbers = [1, 2, 3];
sum.apply(null, numbers);
sum(...numbers);
var arr = [1,2,3];
var arr2 = [...arr];

promise

promise是异步编程的一种解决方案,比传统的callback更加优雅

let和const

{
 var a = 10;
}
console.log(a);

Es7:

includes()函数和indexOf函数
 类似资料: