JS入门+声明变量+运算符

Posted 2021-03-03 割掉扁桃体

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()可以用来将数字保留几位小数，并且数据类型变为字符串