IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript:基本语法 -> 正文阅读

[JavaScript知识库]JavaScript:基本语法

文章目录

一、基本输入输出

在这里插入图片描述
在这里插入图片描述

二、变量

2.1 概述

理解:变量是一个存放数据的容器,通过变量名可以取存取修改数据。
本质:程序在内存中申请的一块存粗数据的空间。
在这里插入图片描述

2.2 使用

变量的使用前需要经过声明和赋值2步:

var name;//声明
name="wyl";//赋值
console.log(wyl);//使用

声明和赋值可以合成一起,称为变量的初始化:

var name="wyl";
console.log(name);

变量的使用包括更新和调用。

2.3 多变量声明

var name ="wyl",
    age=24,
    isMa=true;
var a=b=c=0;

2.4 变量命名规范

在这里插入图片描述

三、数据类型

3.1 简介

在这里插入图片描述
在这里插入图片描述

3.2 分类

在这里插入图片描述
在这里插入图片描述

3.3数值型(Number)

3.3.1进制

//进制的表示
var a=010;//八进制
console.log(a);//8
var b=0xf;//十六进制
console.log(b);//

//输出时会强制转为10进制

3.3.2 数值范围

console.log(Number.MAX_VALUE);//1.7976931348623157e+308
console.log(Number.MIN_VALUE);//5e-324

3.3.3特殊值

在这里插入图片描述

console.log(Number.MAX_VALUE*2);//Infinity
console.log("a"-100);//NaN

3.3.4isNaN()方法

用于判断传入的值是否为非数值。
在这里插入图片描述

3.4 字符串型(String)

3.4.1 简介

在这里插入图片描述

3.4.2 引号的嵌套

在这里插入图片描述

3.4.3 转义字符

在这里插入图片描述

3.4.4 字符串长度

在这里插入图片描述

3.4.5 字符串拼接

在这里插入图片描述

3.5NooleanUndefinedNull

在这里插入图片描述

在这里插入图片描述

3.6 获取变量数据类型

在这里插入图片描述

3.7 字面量

在这里插入图片描述

3.8 数据类型转换

在这里插入图片描述

3.8.1 转为字符串

在这里插入图片描述

3.8.2 转化为数字型

在这里插入图片描述

3.8.3 转化为布尔型

在这里插入图片描述

四、运算符

在这里插入图片描述

4.1 算术运算符

在这里插入图片描述

4.2递增递减运算符

在这里插入图片描述
在这里插入图片描述

4.3比较运算符

在这里插入图片描述

console.log(37=="37");//true
console.log(37==="37");//false

4.4 逻辑运算符

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

console.log(123 && 456);//456
console.log(0 && 456);0

在这里插入图片描述

4.5 赋值运算符

在这里插入图片描述

4.6 运算符优先级

在这里插入图片描述

五、流程控制

在这里插入图片描述

5.1 分枝结构

5.1.1 if语句

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.1.2 三元表达式

在这里插入图片描述

5.1.3 switch语句

在这里插入图片描述
在这里插入图片描述

5.2 循环结构

5.2.1for循环

在这里插入图片描述

5.2.2 while循环

在这里插入图片描述

5.2.3do while循环

在这里插入图片描述

5.3 continuebreak

在这里插入图片描述
在这里插入图片描述

六、数组

6.1 概念

在这里插入图片描述

6.2 创建数组

6.2.1利用 new 创建数组

在这里插入图片描述

6.2.2通过字面量创建数组

在这里插入图片描述

6.3 访问数组

在这里插入图片描述

6.7 数组长度

在这里插入图片描述

6.8 数组新增元素

在这里插入图片描述

七、函数

7.1 概念

在这里插入图片描述

7.2 使用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7.3 函数的参数

在这里插入图片描述

7.4 形参和实参的个数不匹配问题

在这里插入图片描述

7.5 函数的返回值

7.8 arguments的使用

在这里插入图片描述
在这里插入图片描述

7.6 函数声明的另外一种方式

在这里插入图片描述

八、作用域

8.1 简介

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8.2 变量的作用域

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

8.3 作用域链

在这里插入图片描述

8.4 预解析

现象一:

console.log(num);//undefind
var num=10;

现象二:

fun();//hello
function fun(){
    console.log("hello");
}

现象三:

fun();//报错
var fun=function (){
    console.log("hello");
}

在这里插入图片描述
在这里插入图片描述
以上代码相当于:

var num;
function fun(){
	var num;
	console.log(num);
	num=20;
}
num=10;

九、对象

9.1 简介

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

9.2 创建对象的三种方式

9.2.1 利用字面量创建对象

var obj1={}//创建一个空对象
var obj2={
    name:"Tom",
    age:18,
    sayHi: function(){
        console.log("hello");
    }
};//创建一个完整的对象

在这里插入图片描述

9.2.2 new关键字创建对象

var obj1=new Object();//创建一个对象
//向对象中添加属性和方法
obj1.name="Tom";
obj1.age=18;
obj1.sayHi=function(){
    console.log("hello");
}

9.2.3 构造函数创建对象

前面两种创建对象的方式一次只能创建一个对象,而有时候很多对象内的属性和方法是大量相同的。
在这里插入图片描述

function Star(name,age){
    this.name=name;
    this.age=age;
    this.sayHi=function(){
        console.log("hello");
    }
}
var Tom=new Star("Tom",20);
var John=new Star("John",22);

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

9.3 对象的使用和遍历

在这里插入图片描述

var obj={
    name:"Tom",
    age:21,
    sex:"男",
    sayHi:function(){
        console.log("hello");
    }
};
for(key in obj){
    console.log(key+":"+obj[key])
}
/*
out:
name:Tom 
age:21 
sex:男 
sayHi:function(){
        console.log("hello");
    }
*/

十、内置对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

10.1 Math对象

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

10.2 Date对象

10.2.1 创建

var today=new Date();//根据当前系统的时间创建对象
console.log(today);
var date=new Date("2021-10-1 8:8:8");//创建指定的时间对象

10.2.2 获得具体时间和格式化

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

var today=new Date();//根据当前系统的时间创建对象
console.log(today);//Date Wed Aug 04 2021 17:12:50 GMT+0800 (中国标准时间)
?
var year =today.getFullYear();
var month=today.getMonth()+1;
var dates=today.getDate();
var arr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var day=today.getDay();
console.log("今天是"+year+"年"+month+"月"+dates+"日 "+arr[day]);

10.2.3 获取时间的总毫秒数

在这里插入图片描述

var today=new Date();
//获取总毫秒数的两个方法
console.log(today.valueOf());
console.log(today.getTime())
//简单写法
var today=+new Date();

// H5新增的方法
var today=Date.now();

10.3 数组对象

10.3.1 创建数组的两种方式

在这里插入图片描述

10.3.2 检测是否为数组

在这里插入图片描述

10.3.3 添加删除元素

在这里插入图片描述

10.3.4 数组排序

在这里插入图片描述

10.3.5 获取元素索引

在这里插入图片描述
案例:数组去重

 var arr=["a","v","a","b","d","v","b","v","d"];
function unique(arr){
    var newArr=[];
    for(var i=0;i<arr.length;i++){
        if(newArr.indexOf(arr[i])==-1){
            newArr.push(arr[i]);
        }
    }
    return newArr;
}

arr=unique(arr);
console.log(arr);

10.3.6 数组转化为字符串

在这里插入图片描述

10.3.7 切片和拼接

在这里插入图片描述

10.4 基本包装类型和字符串对象

10.4.1 基本包装类型

在这里插入图片描述

10.4.2 字符串的不可变性

在这里插入图片描述
在这里插入图片描述

10.4.3 字符串的操作方法

在这里插入图片描述
案例:统计某字符在字符串中出现的位置和次数

var str="adsmccpiifazxsdwaaocdawalojnheqaadf"
function findChar(str,char){
    var count=0;
    indexs=[];
    for (var index=0;str.indexOf(char,index+1)!=-1; ){
        indexs.push(index);
        count+=1;
        index=str.indexOf(char,indexs[count-1]+1);
        
    }
    r={
        count:count,
        indexs:indexs
    }
    return r;
}
console.log(findChar(str,'a'));

在这里插入图片描述
案例:统计各个字符出现的次数

var str="adsmccpiifazxsdwaaocdawalojnheqaadf"
function countChar(str,char){
    r=new Object();
    for(var i=0;i<str.length;i++){
        if(r[str[i]]){
            r[str[i]]+=1;
        }
        else{
            r[str[i]]=1;
        }
        /*
        r['o'] 可用于判断对象r中是否有‘o’属性
        */
    }
    return r;
}
console.log(countChar(str));

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-05 17:16:33  更:2021-08-05 17:17:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/17 10:49:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码