JS相关基础知识——数据类型、ECMAScript、对象、数组
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS相关基础知识——数据类型、ECMAScript、对象、数组，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3755字，纯文字阅读大概需要6分钟。
内容图文
一、js的学习
1.ECMAScript
常量和变量：
? const 常量名称=值；//常量初始化必须赋值，否则是无用常量，常量名称建议全部大写
? var 变量名称；//undefined
? var 变量名称=值； //变量的类型由值来决定
? 变量名名称必须是字母，数字，_，@这些特殊符号组成，但是不能以数字开头
js的基本数据类型：
? undefined:未定义类型
? null：空类型
? boolean：布尔类型
? number：字符串类型
? string：数字类型
类型转换：
? **string ->boolean:**如果是空字符，则返回false，其余返回true
? **number->boolean:**非零的数（正数，负数），都返回true，0返回false
? **boolean->string：**true返回字符串true；false返回字符串false
? **number->string:**直接将数值转换成字符串
? **string->number:**NaN
? **boolean->number:**true转成1；false转成0；
? 运算符：
? 1.算术运算符：+、-、、/、%*
? 2.赋值运算：+=、-=、=、/=、=*
? 3.比较运算符：==（只比较两个变量的值）、===（比较两个变量的值和类型）、
? 4.逻辑运算符：&（表达式1不成立，会继续判断表达式2）、&&（表达式1不成立时，不会继续判断表达式2，注直接返回false）、|（表达式1成立，继续判断表达式2）、||（表达式1成立，不判断表达式2，直接返回true）、！
? 5.位运算:^（一个数亦或另一个数两次，得到的是他本身）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
var a = 100;
var pwd = 20210409;
console.log("加密:" + (a ^ pwd));
// 亦或一个数两次，得到的是它本身
console.log("解密:" + (a ^ pwd ^ pwd));
/*
不通过第三方变量完成两个变量的值互换
*/
var x = 10;
var y = 20;
// x = x^ y; //x = 10^20
// y = x^ y; //y=10^20^20=10
// x = x^ y; //x=10^20^10=20
// x+=y; //x=10+20=30
// y=x-y; //y=30-20=10
// x-=y; //x=30-10=20
x*=y; //x=10*20=200
y=x/y; //y=200/20=10
x=x/y; //x=200/10=20
console.log("x:"+x);
console.log("y:"+y);
</script>
</head>
<body>
</body>
</html>
? 6.三元运算符：表达式1？值1：值2；表达式成立返回值1，否则返回值2
流程控制语句：
判断：
? if() {}
? if() {}else{}
? if() {}else if() {}
? switch() {}
循环：
? while() {}
? do{}while()
? for() {}
? array.foreach(function(index,value) {})
数组：
? var arr=[];
? var arr=[1,2,3,];
? var arr =Array();
? var arr = Array(1,2,3,);
自定义对象：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
// 自己编写一个带参的构造器
function user(name, age) {
this.name = name;
this.age = age;
}
var p1 = new user("张三", 20);
console.log(p1.name + p1.age);
// 无参
var p2 = new Object();
p2.name="李四";
p2.age = 20;
console.log(p2.name+p2.age);
// 字面量
var p3 = {
name:"王五",
age:24
};
console.log(p3.name+p3.age);
</script>
</head>
<body>
</body>
</html>
内置对象：
Date:时间类
Math:数学类
RegExp：正则对象
BOM：(browser Object Model浏览器对象模型)
? window:窗口
? alert()：弹出框
? prompt()：输入框
? confirm()：确定框
? setTimeout()：触发器
? setTimeval()：定时器
DOM(document object model文档对象模型)
节点：
? 1.文档节点
? 2.属性节点
? 3.文本节点：nodetype:3
? 4.元素节点：nodetype:1
? 所有的元素都是节点的子元素
? document元素
? Element元素
? TextNode元素
1.元素获取
? id：document.getElementById();
? class：document.getElementByClassName();
? 标签名：document.getElementByTagName();
? name属性：document.getElementByName();
2.节点之间的关系获取
? childNodes:获取元素的子节点
? parentNode:获取元素的父节点
? document.createElement():创建元素
? document.createTextNode():创建文本节点
? a.appendChild(b):将后者b追加到前者a中
事件：用来检测用户的行为，当用户的行为满足某些条件的时候，触发一些业务逻辑。以此达到和用户的交互行为
JQuery
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YfNSkhYv-1618120032237)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210409145755465.png)]
取元素的父节点
? document.createElement():创建元素
? document.createTextNode():创建文本节点
? a.appendChild(b):将后者b追加到前者a中
事件：用来检测用户的行为，当用户的行为满足某些条件的时候，触发一些业务逻辑。以此达到和用户的交互行为
内容总结
以上是互联网集市为您收集整理的JS相关基础知识——数据类型、ECMAScript、对象、数组全部内容，希望文章能够帮你解决JS相关基础知识——数据类型、ECMAScript、对象、数组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。