首页 > 编程语言 >JavaScript新手需要注意的事项

JavaScript新手需要注意的事项

时间:2022-10-03 00:24:04浏览次数:54  
标签:xiaoming console log JavaScript arr var 新手 事项 Array

verible

如果一个变量没有使用var关键字进行声明的话, 那么这个变量就是全局变量,在ES6中,添加了use Strict来解决这一个痛点,只需要在代码中加入use strict

`use strict`
i = 1; //这样会报错

Array

javaScript中Array可以包含任意的数据类型

var arr = [1, 2, "hello"];

如果直接给Array的length赋上一个新的值将会导致Array大小的变化

var arr = [1, 2, 3];

arr.length = 2;
console.log(arr); //arr变成了 [1, 2]

arr.length = 3; 
console.log(arr); //arr变成了[1, 2, undefined];

在js中,如果通过索引进行赋值时候,索引超过了范围,同样会引起Array大小的变化

var arr = [1, 2, 3, 4];
arr[5] = 6;
console.log(a); //arr变成了[1, 2, 3, 4, undefined, 6]

object

如果一个对象的属性名称包含了特殊字符,我们需要使用单引号给它包裹起来, 同时访问的时候, 我们也需要通过['xxx']来访问。

var xiaohong = {
	name: "小红",
	'middle-school': "no.1 meddile school"
};
console.log(xiaohong['middle-school']); //输出no.1 middle school

如果访问对象中一个不存在的属性, 将会出现undefined

var xiaoming = {
	name: "小明"
}; //注意这个分号, 不要忽略
console.log(xiaoming.age); //出现undefined

我们使用in检查对象中是否存在某个属性, 可能这个属性是该对象继承来的

'toString' in xiaoming; //true

这是因为toString是定义在object对象中的,而所有的对象最终都会在原型链上指向object,所以xiaoming也是拥有toString属性

如果要判断一个属性是否是当前对象的原生的,我们可以使用hasOwnProperty()方法

var xiaoming = {
	name: "小明"
};
console.log(xiaoming.hasOwnProperty('name')); //true
console.log(xiaoming.hasOwnProperty('toString')); //false

标签:xiaoming,console,log,JavaScript,arr,var,新手,事项,Array
From: https://www.cnblogs.com/zhengel/p/16749754.html

相关文章

  • day08 --> (Javascript)
    JavaScript:概念:是一门客户端脚本语言。运行在客户端浏览器中,每一个浏览器都有JavaScript的解析引擎脚本语言:不需要编译、直接就可以被浏览器解析执行。功能: 可以来增......
  • javascript>=和<=
    一个条件都不满足为false,至少满足一个条件为truevara=10console.log(a>10);//false;console.log(a<10);//false;console.log(a==10);//trueconsole.log(a>=10);//true1......
  • javascript: get Operating System version
    javascript:<scripttype="text/ecmascript">console.log(navigator.userAgent)console.log(navigator.appVersion)console.log(navigator.platform) //Mozilla/5.0......
  • 003.JavaScript的数据类型
         ......
  • JavaScript中this指向哪儿?如何确定this?-前端面试进阶
    前言只要你踏入JavaScript的世界,那么你一定会遇到this关键词。有许多人所this是JavaScript中最复杂的东西之一,也有人说this其实很简单......但是事实确实,有许多工......
  • JavaScript中this指向哪儿?如何确定this?-前端面试进阶
    前言只要你踏入JavaScript的世界,那么你一定会遇到this关键词。有许多人所this是JavaScript中最复杂的东西之一,也有人说this其实很简单......但是事实确实,有许多......
  • 问题---ArcGIS API for Javascript 4.x 版本的dojo文件缺失
    问题描述1.在本地下载了4.24版本的ArcGISAPIforJavascript(简称api),观察发现并没有如网上所述的dojo文件2.重新下载了4.15版本的api,并修改配置后,出现如图报错  问......
  • git github gitee 新手命令
    gitcheckout-bxxx:gitcheckoutxxx是指切换到xxx(用local区的xxx替换disk区文件),-b意味着branch,即创建新分支,这条指令合起来意思是创建并切换到xxx。gitdiff:查看暂存区与......
  • 肖sir___第二个月Javascript_04
    1.1JavaScript简介JavaScript是互联网上最流行的脚本语言,这门语言可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备JavaScript是......
  • javascript:每次只加载3个页面的幻灯(chrome 105.0.5195.125)
    一,js代码:<html><head><metacharset="utf-8"/><title>测试</title><scriptsrc="pcpageapp.js"></script><styletype="text/css">.page......