好程序员web前端教程:对象

什么是对象?

对象的类型是Object。

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...

javaScript中万事万物皆对象

用官方一点的语言来解释对象:

什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在 ECMAScript 中引用类型是一种数据结构,用于将数据和功能组织在一起。它也常被称做为类,但 ECMAScript 中却没有这种东西。虽然 ECMAScript 是一门面向对象的语言,却不具 备传统面向对象语言所支持的类等基本结构。

想要有对象怎么办?

创建对象:(创建两种方式)

1.New一个对象出来;

var obj = new Object();

找到对象了  >>>  第一个想到的就是属性;

给对象添加一个属性;

obj.bianmei=‘哇真的变漂亮了‘

拓展:

obj.fn=function(){

代码块

}

obj.fn();

obj的属性可以是一个函数;

obj函数内的指针this,指向obj对象;

2.字面量方式创建对象:

var obj={}

给对象增加一个属性;

键值对

obj={

jian:zhi

}

通过键取值;键盘的按键,按下会有相应的值出现;这个就是和对象的取值原理一样;通过键取值;

当然这样的对象里面也可以放函数,函数的运行方式和之前一样,同时对象中的this指针也指向当前对象;

删除对象的属性

delete obj.jian;

可以自己写一个小练习,用字符串拼接的方式创建一个属于自己的对象,并在对象中定义一个方法, 让该方法弹出

1.自己的姓名;

2.自己的年龄;

3.自己的爱好;

4.一个小总结;

原文地址:https://www.cnblogs.com/gcghcxy/p/10985084.html

时间: 2024-11-05 13:03:57

好程序员web前端教程:对象的相关文章

好程序员web前端教程分享JavaScript简写方法

今天好程序员web前端教程为大家分享JavaScript简写方法,小伙伴们快来看一看吧. 1.三元操作符 当想写if...else语句时,使用三元操作符来代替. constx =20; let answer; if(x >10) { answer ='is greater'; }else{ answer ='is lesser'; } 简写: constanswer = x >10?'is greater':'is lesser'; 也可以嵌套if语句: constbig = x >10

好程序员web前端教程分享前端javascript练习题之promise

好程序员web前端教程分享前端javascript练习题之promisepromise-ajax的封装function ajax(url){//创建promise对象var promise = new Promise(function(resolve,reject){//创建ajax对象if(window.XMLHttpRequest){var xhr = new XMLHttpRequest();}else{var xhr = new ActiveXObject("Microsoft.XMLH

好程序员web前端教程分享怎么用promise解决回调和异步

好程序员web前端教程分享怎么用promise解决回调和异步首先让我们看看下面这题输出什么? setTimeout(function() { console.log(1); },1000) console.log(2); 我们得到的结果是:先输出2,后输出1;这是什么原因呢?大家应该都知道定时器是异步的;所以先先输出2;那么我们的需求来了,怎么先输出1,然后输出2呢? function foo(callback) { setTimeout(function() { console.log(1);

好程序员web前端教程分享异步加载CSS的一些方法

好程序员web前端教程分享异步加载CSS的一些方法,在我们写页面的时候,我们做最主要的任务就是提高页面的性能和弹性加载速度,以不会延迟页面的呈现的形式来加载CSS.这是因为在默认情况下, - 浏览器会同步加载外部的CSS - 在下载和解析CSS时会影响所有页面呈现 这两种情况都会导致潜在的延迟. 当然,这也是在开始渲染页面之前,应该至少加载网站的CSS的一部分,并且为了立即将该初始CSS添加到浏览器,我们建议内联css.对于整体数量较少的网站,仅此一项就足够了,但如果CSS很大(例如,大于15到

好程序员web前端教程分享js中的模块化一

好程序员web前端教程分享js中的模块化一:我们知道最常见的模块化方案有CommonJS.AMD.CMD.ES6,AMD规范一般用于浏览器,异步的,因为模块加载是异步的,js解释是同步的,所以有时候导致依赖还没加载完毕,同步的代码运行结束:CommonJS规范一般用于服务端,同步的,因为在服务器端所有文件都存储在本地的硬盘上,传输速率快而且稳定. 1.script标签引入 最开始的时候,多个script标签引入js文件.但是,这种弊端也很明显,很多个js文件合并起来,也是相当于一个script,

好程序员web前端教程分享初学者搞懂i++和++i

刚学习前端的同学,在学到++运算符的时候,都是一脸的懵 var k = 10; console.log(k++ + ++k + k++) //34 var i = 10; console.log(++i + i++ + ++i) //35 console.log(i++ + ++i + i++) //43 way???为什么?为什么?为什么? 下面我们一步一步的来看: 1. var i = 10; 2 .i++; //等价于i=i+1 3 .console.log(i); //11 ###++可

好程序员web前端分享前端javascript练习题一

好程序员web前端教程将会为大家持续分享前端javascript练习题系列.Math 对象 1.编写一个函数,获得一个十六进制的随机颜色的字符串(例如:#20CD4F)方法:function f2(){var str="0123456789abcdef";var color="#";for(var i=0;i<6;i++){var num=Math.floor(Math.random()*str.length);color=color+str[num];}co

好程序员web前端分享定位锚点透明

好程序员web前端分享定位锚点透明 学习目标 1.position 定位属性和属性值 2.定位元素的层级属性 3.包含块的概念和应用 4.锚点连接的语法和应用场景 5.透明属性的应用 6.扩展:Flash和marquee(滚动字幕) 一.position 定位属性和属性值 position 定位属性,检索对象的定位方式:语法:position:static /absolute/relative/fixed/inherit/sticky/unset(未设置是inherit和initial的结合)/

好程序员web前端分享MVVM框架Vue实现原理

好程序员web前端分享MVVM框架Vue实现原理,Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js和react.js更加简洁.更易于理解的API,使得我们能够快速地上手并使用Vue.js. ? 1.什么是MVVM呢? MVVM的简写是Model-View-ViewModel. 在过去的10年里面,我们已经把很多传统的服务端代码放到了浏览器中,这样就产生了成千上万行的javascript代码,它们连接了HTML 和CSS文