Directorio de artículos
1. ¿Qué es un objeto?
1. Objeto se refiere a cosas específicas , el objeto de las propiedades y métodos que consisten en
- Atributos: las características de las cosas (sustantivos comunes)
- Método: el comportamiento de las cosas (verbos comunes)
- La estructura de expresión de objetos en JS es más clara y poderosa
Dos. Tres formas de crear objetos
1. Utilice literales para crear objetos.
Literales de objeto: llaves {} que contienen atributos y métodos
{} que contienen la forma de pares clave-valor
- Clave: equivalente al nombre del atributo
- Valor: equivalente al valor del atributo, puede ser cualquier tipo de valor
Llamada de objeto
- Objetos dentro de la llamada de propiedad : nombre del atributo del objeto,
- Hay otra forma de llamar: objeto ['nombre de atributo'], agregar comillas
- Dentro de la llamada al método del objeto : nombre del método del objeto (), ponga paréntesis
El código se demuestra de la siguiente manera
<script>
// 1.利用字面量创建对象{}
// var obj = {}；创建了一个空的对象
var obj = {
// 属性
unme: '浩哥',
age: 20,
sex: '男',
// 方法 方法后面跟函数 因为函数就是用来做什么事情的实现什么功能的
sayHi: function() {
console.log('你好啊对象！！！');
}
}
// 注意点(1)里面的属性或者方法采取键值对的形式 键 属性名 : 值 属性值
// (2)多个属性用逗号隔开
// (3)方法冒号后面跟的是匿名函数
// 2.对象的使用
// (1)调用对象的属性 采取 对象名.属性名 这个点.我们理解为 的
console.log(obj.unme); //浩哥
// (2) 调用属性还有一种方法 对象名['属性名']
console.log(obj['age']); //20
// (3) 调用对象的方法 sayHi 对象名.方法名() 别忘记小括号
obj.sayHi();
</script>
2. Usa un nuevo objeto para crear un objeto.
El código se demuestra de la siguiente manera
<script>
var obj = new Object(); //创建了一个空的对象
// 属性
obj.uname = '浩哥';
obj.age = 20;
obj.sex = '男';
// 方法
obj.sayHi = function() {
console.log('你好啊 对象!!!');
}
// 注意点
// (1) 我们利用 等号 = 赋值的方法 添加对象的属性和方法
// (2) 每个属性和方法之间用 分号结束
//（3）O要大写
console.log(obj.uname);
console.log(obj.age);
console.log(obj['sex']);
obj.sayHi();
</script>
3. Usa el constructor para crear objetos
¿Por qué necesitamos un constructor?
- Debido a que creamos un objeto a la vez, las propiedades y los métodos en él son muy parecidos, solo podemos copiar, por lo que podemos usar el método del constructor para repetir el mismo código, llamamos a esta función un constructor, y debido a esto las Funciones no son las mismas, lo que está encapsulado no es código ordinario, sino objetos
- El constructor debe abstraer algunas de las mismas propiedades y métodos en nuestro objeto y encapsularlos en una función.
Demostración de código
<script>
//1. 构造函数的语法格式
// function 构造函数名() {
// this.属性 = 值;
// this.方法 = function() {};
// }
// new 构造函数名()
// 2.代码演示
function Star(uname, age, sex) {
this.name = uname;
this.age = age;
this.sex = sex
this.sing = function(guitar) { //guitar = 弹吉他
console.log(guitar);
}
}
var hh = new Star('浩哥', 20, '男')
console.log(hh.name);
console.log(hh['age']);
hh.sing('弹吉他')
var ldh = new Star('刘德华', 45, '男')
console.log(ldh.name);
console.log(ldh['age']);
ldh.sing('唱歌')
// 3.注意点
// (1)构造函数首字母大写
// (2)构造函数不需要return返回结果
// (3)调用构造函数 必须使用new
// (4) 我们只需要 new Star() 调用函数就可以创建一个对象了
// (5) 属性和方法必须加this.
</script>
Constructor y objeto
- El constructor, como Stars (), abstrae la parte pública del objeto y la encapsula en una función. Generalmente se refiere a una determinada categoría.
- La creación de un objeto, como new Stars (), se refiere específicamente a una determinada. El proceso de creación de un objeto a través de la nueva palabra clave también se denomina instanciación de objeto.
Tres. Nuevo proceso de ejecución de palabras clave
- Crea un nuevo objeto vacío en la memoria.
- Deja que esto apunte a este nuevo objeto
- Ejecute el código en el constructor para agregar propiedades y métodos a este nuevo objeto.
- Devuelve este nuevo objeto (no se requiere devolución en todos los constructores)
Cuatro. Atraviesa el objeto
- La instrucción for ... in se usa para repetir los atributos de una matriz u objeto
el código se muestra a continuación
<script>
var obj = {
unme: '浩哥',
age: 20,
sex: '男',
sayHi: function() {
console.log('你好啊对象！！！');
}
}
语法结构
for (变量 in 对象名字) {
// 在此执行代码
}
// 利用for..in来遍历对象
for (var k in obj) {
console.log(k); // k 变量 输出 得到的是 属性名; 注意k 是不需要赋值的
console.log(obj[k]); // obj[k] 输出得到的是 属性值 注意括号里面是没有引号的
}
// 我们使用 for in 里面的变量 喜欢写出 k 或者 key 也可以写成其他的 这只不过是前端人员习惯用的
</script>
V. Resumen de objeto
- Los objetos pueden hacer que la estructura del código sea más clara
- Objeto tipo de datos complejos Objeto
- Esencia: un objeto es un conjunto de colecciones desordenadas de propiedades y métodos relacionados.
- Constructor generalmente se refiere a una cierta categoría, como manzanas, sin importar el color que tengas, las manzanas se conocen colectivamente como manzanas.
- La instanciación de objetos se refiere específicamente a una cosa, como esta manzana, o esta persona, de todos modos, es una cosa específica
- La instrucción for ... in se usa para recorrer las propiedades de un objeto