React
-
介绍一下react
-
React单项数据流
-
react生命周期函数和react组件的生命周期
-
react和Vue的原理,区别,亮点,作用
-
reactJs的组件交流
-
有了解过react的虚拟DOM吗,虚拟DOM是怎么对比的呢
-
项目里用到了react,为什么要选择react,react有哪些好处
-
怎么获取真正的dom
-
选择react的原因
-
react的生命周期函数
-
setState之后的流程
-
react高阶组件知道吗?
-
React的jsx,函数式编程
-
react的组件是通过什么去判断是否刷新的
-
如何配置React-Router
-
路由的动态加载模块
-
Redux中间件是什么东西,接受几个参数
-
redux请求中间件如何处理并发
开源分享:docs.qq.com/doc/DSmRnRG…
age : 5,
color : '棕红色',
sayhi: function(skill) { //方法
return skill;//值返回给调用者
}
};
console.log(dog.age);
console.log(dog['dogname']);
console.log (dog.sayhi('汪汪'));
总结:
-
里面的属性和方法采用 键值对 键 :值;
-
{ } 里面包含来表示具体事物(对象)的属性和方法
-
每个属性用逗号隔开
-
最后一个键值对不需要在末尾加‘,’,如果加了,有的浏览器(如低版本的IE)将报错。
-
调用对象属性:对象名.属性名 || 对象名['属性名']
-
调用对象的方法:对象名.方法名()
-
属性名包含特殊字符,就必须用' '括起来 但是注意这个拥有特殊字符的属性名不能通过.来调用属性 而是通过 对象名['属性名']
- new Object 创建对象
var 对象名 = new Object(); //创建了一个空的对象
对象名.属性名 = 属性值 ; //利用等号赋值 结尾为分号
对象名.方法名 = function() {
}
总结:
- 利用等号赋值 结尾为分号
- 构造函数 创建对象 new
语法格式: function 构造函数名() {
this.属性 = 值;
this.方法名 = function(sang) {
console.log (sang);
}
};
调用构造函数 :
var 对象名1 = new 构造函数名(); //调用函数返回的是一个对象
对象名1.方法名('临安县');
var 对象名2 = new 构造函数名();
总结:
-
构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面
-
前面创建对象的方法一次只能创建一个对象,使用构造函数的方法一次可以创建多个属性值相同的对象
-
构造函数名字首字母要大写
-
我们构造函数 必须使用new 来创建对象
-
我们只要new 构造函数名() 调用函数就创建一个对象
-
我们属性和方法前面必须添加 this
-
构造函数不需要return 就可以返回结果
三种方法调用都是一样的 :
1、对象名.属性名 || 对象名['属性名']
2、对象名.方法名()
但是当属性名带有特殊字符的时候只能用 对象名['属性名']
1.5、补给知识:有很多同学可能不理解为什么要用new来创建对象,它到底是如何实现的,接下来我们就一起来看看吧
new关键字的执行过程:
-
new 构造函数可以在内存中创建一个空的对象
-
this 就会指向刚才创建的空对象
-
执行构造函数里面的代码 给这个空对象添加属性和方法
-
返回这个对象 所以我们方法就不需要在用return返回
1.6、遍历对象
前面我们学习了很多遍历数组的方法:循环、索引号;
接下来介绍一种遍历对象的方法:
for (var 变量 in 对象名) {......}
举例:
for ( var k in obj) {
console.log (k) ; //k 变量输出的就是 属性名
console.log(obj[k]);// obj[k]得到是 属性值
}
//我们使用for in里面的变量 我们喜欢用k 或者 key
以下代码是求字符串中出现次数最多的字符 以及输出次数?