码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-30 20:06:26      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:部分   否则   eof   声明变量   pen   类型   双引号   cin   插件   

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

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

标签:部分   否则   eof   声明变量   pen   类型   双引号   cin   插件   

原文地址:https://www.cnblogs.com/52580587zl/p/12600486.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!