一.目的

1.想：学习前端知识

2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。

二.参考

1.我自己代码的GitHub网址

2.SIKI学院:我参考此视频实操

3.w3school官网:当做字典使用

4.菜鸟教程：当做字典使用

三.注意

操作:1:成功:309-如何创建对象

1.运行结果:成功:1.第一种创建对象,key value:键值对+ 2.第二种创建对象，var user2=new Object();

操作:2:成功:310-如何创建构造函数

1.运行结果:成功:

操作:3:成功:311-给对象添加普通函数和对象属性的遍历

1.运行结果:成功:

一.目的

1.想：学习前端知识

2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。

二.参考

1.我自己代码的GitHub网址

GitHub - xzy506670541/WebTest: SIKI学院的Web前端

2.SIKI学院:我参考此视频实操

登录 - SiKi学院 - 生命不息，学习不止！siki老师的Unity3D专业视频学习平台，上千门实时更新课程，供学员在线观看，为国内开发者提供最新、最全、最快的视频学习教程http://www.sikiedu.com/my/course/212

我参考此视频实操

3.w3school官网:当做字典使用

w3school 在线教程

4.菜鸟教程：当做字典使用

菜鸟教程 - 学的不仅是技术，更是梦想！

三.注意

操作:1:成功:309-如何创建对象

1.运行结果:成功:1.第一种创建对象,key value:键值对+ 2.第二种创建对象，var user2=new Object();

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">// 1.第一种创建对象,key value:键值对user1 = {name: "xzy",age: 18,sex: "男"};console.log("测试1：" + user1.name);console.log("测试1：" + user1.age);console.log("测试1：" + user1.sex);user1.age = 20;console.log("测试1：" + user1.age);console.log("");// 2.第二种创建对象，var user2=new Object();var user2 = new Object();user2.name = "帅哥XZY";user2.age = 21;user2.sex = "男";console.log("测试2：" + user2.name);console.log("测试2：" + user2.age);console.log("测试2：" + user2.sex);</script></head><body></body>
</html>

操作:2:成功:310-如何创建构造函数

1.运行结果:成功:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">// 1.构造函数function user(name, age, sex) {this.name = name;this.age = age;this.sex = sex;}var user1 = new user("xzy", 18, "男");var user2 = new user("刘亦菲", 20, "女");var user3 = new user("杨幂", 21, "女");console.log("测试1：" + user1.name);console.log("测试1：" + user2.name);console.log("测试1：" + user3.name);console.log("");</script></head><body></body>
</html>

操作:3:成功:311-给对象添加普通函数和对象属性的遍历

1.运行结果:成功:

函数使用匿名函数

动态给对象添加独有的函数

遍历找到对象里面的值,通过键找到值

遍历对象所有键值对

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">// 1.构造函数function user(_name, _age, _sex) {this.name = _name;this.age = _age;this.sex = _sex;//函数使用匿名函数this.show = function() {console.log(this.name + ";" + this.age + ";" + this.sex);console.log("");}this.setAge = function(_age) {this.age = _age;}}var user1 = new user("xzy", 18, "男");var user2 = new user("刘亦菲", 20, "女");var user3 = new user("杨幂", 21, "女");console.log("测试1：" + user1.name);console.log("测试1：" + user2.name);console.log("测试1：" + user3.name);user1.show()user1.setAge(20);user1.show()// 2.动态给对象添加独有的函数console.log("测试2");user3.setName=function (name){this.name=name;}user3.setName("李白");user3.show();// 3.遍历找到对象里面的值,通过键找到值console.log("测试3："+user3.name);console.log("测试3："+user3["name"]);console.log("");// 4.遍历对象所有键值对            console.log("测试4");for(key in user3){console.log(key+":"+user3[key]);}            console.log("");</script></head><body></body>
</html>

Web前端第三季(JavaScript):十一:第3章: 字符串和对象:309-如何创建对象+310-如何创建构造函数+311-给对象添加普通函数和对象属性的遍历相关推荐

Web前端第三季(JavaScript):三:第1章:JavaScript基本知识:107-js中变量的声明+108-js中变量的注意事项+109-js中变量的命名规则+110-赋值和算术运算符
目录一.目的 1.想:学习前端知识 2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆. 二.参考 1.我自己代码的GitHub网址 2.SIKI学院:我参考此视频实操 3.w3school ...
好程序员web前端分享javascript枚举算法
好程序员web前端分享javascript枚举算法,题目:在1,2,3,4,5 五个数中,我们随机选取 3个数.问有多少种取法?并且把每种取出数的方法列举出来. 乍看这道题,其实感觉没什么难度.三个f ...
【从0到1学Web前端】javascript中的ajax对象（一）
[从0到1学Web前端]javascript中的ajax对象(一) 如今最流行的获取后端的(浏览器从server)数据的方式就是通过Ajax了吧.今天就来具体的来学习下这个知识吧.假设使用ajax来訪 ...
JavaScript id_好程序员web前端分享Javascript中函数作为对象
好程序员web前端分享Javascript中函数作为对象,Javascript赋予了函数非常多的特性,其中最重要的特性之一就是将函数作为第一型的对象.那就意味着在javascript中函数可以有属性, ...
web前端分享JavaScript到底是什么？特点有哪些？
web前端分享JavaScript到底是什么?特点有哪些?这也是成为web前端工程师必学的内容.今天为大家分享了这篇关于JavaScript的文章,我们一起来看看. 一.JavaScript是什么? ...
Web前端之JavaScript基础
Web前端之JavaScript基础 JavaScript介绍变量变量类型基本的数据类型Number String Boolean underfined null typeof运算符引用的数据 ...
Web前端：JavaScript最强总结附详细代码（带常用案例！）
Web前端基础: Web前端:HTML最强总结附详细代码 Web前端:CSS最强总结附详细代码 Web前端:JavaScript最强总结附详细代码 Web前端工具: Web前端: JQuery最 ...
渡一教育公开课web前端开发JavaScript精英课学习笔记（六）函数及作用域
函数作用域函数有个隐藏的属性[[scope]],这个属性就是作用域,其存储了运行期上下文的集合. [[scope]]存储运行期上下文集合,这些集合呈链式关系,就是作用域链. [[scope]]属性结 ...
web前端高级JavaScript - 彻底掌握基于HTTP网络层的“前端性能优化”
彻底掌握基于HTTP网络层的 "前端性能优化" 产品性能优化方案 HTTP网络层优化代码编译层优化 webpack 代码运行层优化 html/css javascript vue ...
【web前端】JavaScript实现图片幻灯片滚动播放动画效果
JavaScript实现图片幻灯片滚动播放动画效果 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.co ...

Web前端第三季(JavaScript):十一:第3章: 字符串和对象:309-如何创建对象+310-如何创建构造函数+311-给对象添加普通函数和对象属性的遍历

一.目的

1.想：学习前端知识

2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。

二.参考

1.我自己代码的GitHub网址

2.SIKI学院:我参考此视频实操

3.w3school官网:当做字典使用

4.菜鸟教程：当做字典使用

三.注意

操作:1:成功:309-如何创建对象

1.运行结果:成功:1.第一种创建对象,key value:键值对+ 2.第二种创建对象，var user2=new Object();

操作:2:成功:310-如何创建构造函数

1.运行结果:成功:

操作:3:成功:311-给对象添加普通函数和对象属性的遍历

1.运行结果:成功:

Web前端第三季(JavaScript):十一:第3章: 字符串和对象:309-如何创建对象+310-如何创建构造函数+311-给对象添加普通函数和对象属性的遍历相关推荐

最新文章

热门文章