1.JS简介
2.JS三种引入方式
        外部引用法
        内部引用法
        元素属性引用
3.JS语法基础
        数据类型
        特殊运算符
        数据类型转换
        对象的创建与使用
4.JS函数
        函数定义
        函数调用
        隐形参数
5.常用内置对象
        字符串对象
        数组对象
        时间对象
        数学对象

1.JS简介

2.JS三种引入方式

2.1外部引用法(推荐)

外部JavaScript，指的是把HTML代码和JavaScript代码单独放在不同文件中，然后在HTML文档中使用“script标签”来引入JavaScript代码

当一个script标签作为一个引入外部文件的标签那么就不能再在标签里边写js语句

2.2内部引用法

内部JavaScript，指的是把HTML代码和JavaScript代码放在同一个文件中。

2.3元素属性引用

元素属性引用，指的是在元素的“事件属性”中直接编写JavaScript或调用函数。

3.JS语法基础

3.1变量

给变量取名字我们必须注意

1 . 变量由字母、下划线、$或数字组成，并且第一个字母必须是字母、下划线或 $；
2. 变量不能是系统关键字和保留字

3.1数据类型

数字类型(number)：这里是不区分整形和浮点型的
字符串(string)：可用单引号，也可用双引号。单引号包含的字符串中能含有双引号，但是不能含有单引号。同样的双引号包含的字符串中能含有单引号，但是不能含双引号。因为js是无法判断哪两个引号是一对
布尔值(boolean)：只有两个值true和false
未定义值：我们虽然定义一个变量，但是没有赋值那么这个变量就变成未定义值了，用undefined表示
空值：null表示没给这个变量分配内存空间

引用数据类型下面会讲，还有一个特殊值NaN表示非数字，看下面的例子
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200620122213946.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzM3MDY4,size_16,color_FFFFFF,t_70

3.2特殊运算符

符号	作用
==	判断是否相等(表面)
===	判断是否相等(本质)

怎么理解呢，看下面代码

运算符	返回值
`&&`	1.当表达式全为真的时候返回最后一个表达式的值。2.当表达式有一个为假时返回第一个为假的表达式
`\|\|`	1.当表达式全为假时，返回第一个为假的表达式。2.只有一个表达式为真就会返回第一个为真的表达式

3.3数据类型的转换

将字符串转换成数字

方法	作用
Number()	把字符串转换成数字(只能是纯数字式字符串如"123")
parseInt()	对字符串从左到右遍历如果第一个字符是数字(或者+ -)就继续判断，直到非数字出现(小数点也是非数字)，如果第一个字符不是数字(或者+ -)则返回NaN
parseFloat()	对字符串从左到右依次遍历如果第一个字符是数字(或者+ -)就继续判断，直到出现非数字和小数点为止，如果第一个字符不是数字(或者+ -)则返回NaN

数字转换成字符串

方法	作用
数字和空字符串相加	把数字转换成字符串
toString()	直接把数字转换成字符串

3.4对象的创建和使用

1.创建对象的两种方式：

4.函数

4.1函数的两种定义方式

1.第一种2.第二种

4.2函数的四种调用方式

直接调用
在表达式中调用
在超链接中调用
在事件中调用

超链接调用例子：

在事件中调用的例子：

注意在js中函数是不允许重载的只能覆盖

4.3函数的隐形参数

我们看一个例子：

虽然我们的函数里边只有两个参数，但是我们调用的时候可以传递很多参数，那是因为js里边默认吧参数规划到一个隐形的数组中(arguments)，我们不管传进去多少参数，都会存在这里边。这就是js的隐形参数

5.常用内置对象

5.1字符串对象String

常用函数	作用
字符串名.length	获取字符串长度
字符串名.toUpperCase()	把字符串全部转换成大写
字符串名.toLowerCase()	把字符串全部转换成小写
字符串名.chatAt(n)	获取某一个字符
字符串名.substring(start,end)	截取字符串左闭右开，即包含start索引不包含end索引
字符串名.replace(原字符串，替换字符串)	替换指定字符串(如果原字符串有多个那么只会替换第一个)
字符串名.replace(正则表达式，替换字符串)	替换指定字符串(不管原字符串有多少，全部替换)
字符串名.split(“分割符”)	分割字符串(下面有例子)
字符串名.indexOf(指定字符串)	返回首次出现指定字符串的索引下标否则返回-1
字符串名.lastIndexOf(指定字符串)	返回最后一次出现指定字符串的索引下标否则返回-1

对于字符串名.split("分割符"),例子1：

例子2：
例子3：
其实字符串名.split(参数1,参数2)可以有两个参数，参数1代表分隔符，参数2代表分割之后的前n个元素，例子4

5.2数组对象

JS的数组是可以存放不同数据类型的元素的，如下：

常用函数


数组名.length	数组长度
数组名.slice(start,end)	截取数组部分内容，同样是左开右闭
数组名.slice(start)	截取从索引start开始的所有元素
数组名.unshift(元素1，元素2，元素3…)	在数组开头添加新的元素
数组名.push(元素1，元素2，元素3…)	在数组尾部添加新的元素
数组名.shift()	删除数组中的第一个元素
数组名.pop()	删除数组最后一个元素
数组名.sort(函数名)	排序(详细会在下面的例子中讲)
数组名.reverse()	颠倒数组顺序
数组名.join()	将数组元素连接成字符串

数组名.slice(start,end):截取数组例子：

数组名.sort(函数名)：函数名是定义某种排序规则，例子：

数组名.join()将数组元素连接成字符串，默认的join函数是以,作为连接符，当然连接符也就可以自定义，如下：
例1：

例2：

使用unshift(),push(),shift(),pop()四个方法都会获得一个新的数组

5.3时间对象

对象常用方法	说明
getFullYear()	获取年份，取值为四位数字
getMonth()	获取月份取值为0(1月份)~11(12月份)之间的整数
getDate()	获取日数，取值为0~31
getHours()	获取小时数，取值为0~23
getMinutes()	获取分钟数，取值为0~59的整数
getSeconds()	获取秒数，取值为0~59
setFullYear()	可设置年月日
setMonth()	可设置日月
setDate()	可设置日
setHours()	可设置时分秒毫秒
setMinutes()	分秒毫秒
setSeconds()	设置秒毫秒
getday()	获取星期几

1.操作年月日

2.操作时分秒

>我们在设置年月日时分秒的时候，比如setHours(12,10,30)其实后两个参数(设置分秒是可选的，但是第一个参数小时是必选的)

3.获取星期几

0表示星期日，1表示星期1…6表示星期6

5.数学对象

数学对象的属性

Math.属性：

属性	说明
PI	圆周率
LN2	2的自然对数
LN10	10的自然对数
LOG2E	以2为低的e的对数
LOG10E	以10为低的e的对数
SORT2	2的平方根
SORT1_2	2的平方根的倒数

Math.方法：

JS重点语法及常用对象总结相关推荐

【JavaScript】JS的变量、数组、计算器案例、函数、类、常用对象的方法
目录 01-js-js的声明和引入 <!DOCTYPE html> <html><head><meta charset="UTF-8"&g ...
vue.js语法和常用指令
如果已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,无需手动操作DOM.它通过一些特殊的HTML语法,将DOM和数据绑定起来.一旦你创 ...
常用js的数组方法和对象方法
js常用的数组方法和对象方法常用js的数组方法和对象方法数组的方法对象的方法常用js的数组方法和对象方法从此以后也要写博客辣,用来记录常见的问题和碰到的新问题.最近记忆力越来越差了. 数组的 ...
Vue.js 基础语法入门语句 Vue学习笔记 v-model 双向数据绑定
Vue.js 基础语法,入门语句,Vue学习笔记学习网站:https://www.bilibili.com/video/BV15741177Eh vue 的体验响应式:数据一旦改变,视图就会响应改 ...
简单聊聊js中的内置对象
文章目录一.Map对象 1.常用属性和方法 2.示例二.Set 1.属性和方法 2.示例三.Date对象 1.创建Date对象 1.1.*new Date() ;* 2.2.*new Date( ...
ABAP项目砖家之旅-语法和开发对象篇
ABAP项目砖家之旅-语法和开发对象篇前言一.基本语法二.开发对象及其语法 1.底层数据类型 2.数据表.视图.数据元素.数据域.数据类型 1.1数据类型dataTypes 1.2数据域data ...
jsの再体验 - - ECMAScript（js基础语法）
jsの进阶之路一.初识js 1.1.js脚本语言 1.2.浏览器执行js的过程 1.3.js的组成 1.4.js的三种写法 1.5.js的注释 1.6.js的输出语句 1.7.js的变量 1.8.j ...
JavaScript – 6.JS面向对象基础(*) + 7.Array对象 + 8.JS中的Dictionary + 9.数组、for及其他...
6.JS面向对象基础(*) 7.Array对象 7.1 练习:求一个数组中的最大值.定义成函数. 7.2 练习:将一个字符串数组输出为|分割的形式,比如"刘在石|金钟国|李光洙|HAHA|宋 ...
c语言static. volatile,嵌入式系统C语言重点语法const、volatile、static、堆栈等的意义及用法...
原标题:嵌入式系统C语言重点语法const.volatile.static.堆栈等的意义及用法在单片机应用中,堆栈是个特殊的存储区,主要功能是暂时存放数据和地址,通常用来保护断点和现场. 要点:堆, ...

JS重点语法及常用对象总结