JavaScript是一门面向对象的,跨平台的脚本语言。
什么是面向对象?
答:对象:属性和方法
什么是跨平台?
Js代码可以在各个平台上完美运行,如:
什么是脚本语言?
凡是不能独立执行需要依赖其他程序的,通常都叫做脚本,也叫动态语言。(宿主语言)
HTML文件必须在浏览器里执行。
JS文件嵌入到HTML文件里才能执行。
Js特点:
解释性脚本语言
运行在浏览器(浏览器内核带有js解释器,Chrome v8引擎)
弱类型语言(松散型)
事件驱动(动态)
跨平台
VScode的使用
左侧最后一个图标用来安装插件 :
搜索插件名称,install
推荐:
Open in browser 用默认浏览器打开
Live server
右键会多出一个选项:Open with live server用这个打开可以自动更新
创建文件new file ,后缀名自己加
Html可以敲!然后按tab键
Script标签
<script type=”text/javascript” ></script>其中type可以不写
script标签可以出现在除title标签以内的其他任何位置大部分等情况下在body结束之前
//代表注释
向页面上输出内容:document.write(“”)
在控制台查看:
console一般用于程序员调错
在console中输出内容:consol.logo(“”)
js代码的结尾分号可加可不加
外部引入JS,在src中加入文件名
<script src=””></script>
如果外层是双引号,那内层得单引号
往页面中写数字:document.write(123)数字不用加引号
在页面中写标签:document.write(<标签> </标签>)
在页面中加转义符号
alert(“”)是弹框
怎样直观地区分不同的数据类型?
一个关键字 typeof
typeof返回有六种值: number、string、boolean、undefined、object、function
js有五(六)种基本数据类型:number、string、boolean、undefined、null、(symbol)
两种引用类型:object、function
从另外一个角度来说:JS有两种特殊数据类型: null、undefined
变量声明:
var a = "hello world";
var |
声明变量的关键字 |
a |
变量名 |
= |
赋值 |
"hello world" |
变量的值 |
运算符
程序:数据结构 + 算法
做饭:材料+做法
算数运算符:
加、减、乘、除、求余/取模(+ 、- 、* 、/ 、%)
余数: a/b整除之外的剩余的数字
10 / 3 = 3 ... 1
10 % 3 = 1
3 % 10 = 3
取余:大数对小的那个数取余结果为整除之后的余数
小的那个数对大数求余的结果就是小的那个数本身
例:var a = 1, b = 2;
a + b == 3
a - b == -1
a * b == 2
a / b == 0.5(由于js是弱类型,所以结果是0.5,取小数)
js里的+具有二义性
例:console.logo(3+5)//数字加法运算
console.logo(‘hello’+ ‘ word’)//字符串拼接
数字和字符串相加,数字会被转换为字符串,然后进行拼接
关系运算符
一个=代表赋值
==(相等) 、!=(不等于)、<(小于) 、>(大于) 、
<=(小于或者等于) 、>=(大于或者等于)
判断运算符两侧的结果是否满足规则,满足结果即为true,否则false
5 != 3 true
5 < 3 false
5 <= 5 true
= 和 == 以及 === 的区别
1、一个等号是赋值,将等号右边的值赋给左边
2、两个等号是判断相等,相等结果为true,不等为false,
不考虑数据类型,只判断值
3、三个等号要求全等,不仅值要相等,类型也必须相等
逻辑运算符
逻辑与:&&
“和”的意思
我和彭于晏都是帅哥
必须两个条件均为true结果才为true
逻辑或:||
“或”的意思
我或彭于晏是帅哥
只要有一个条件为true结果就为true
必须两个条件均为false结果才为false
逻辑非:!“不”的意思
我不是帅哥 对本身的结果取反
与逻辑在两个条件均为true时结果才为true,其余情况均为false
或逻辑在两个条件均为false时结果才为false,其余情况均为true
各种运算符之间有优先级关系,如果拿不准的优先级加小括号
变量类型转换
隐式转换
var a = "2", b = 2;
console.log(a + b ) // 22
console.log(a == b) // true
console.log(a * b) // 4
console.log(a - 0 + b) // 4
console.log(a / b) // 1
console.log(a % b) // 0
显式转换
parseInt()、parseFloat()、Number()、toString()、String()
toFixed()可以用来将数字保留几位小数,并且数据类型变为字符串
原文地址:https://www.cnblogs.com/52580587zl/p/12600486.html