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

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

时间: 2024-11-02 00:35:02

JS入门+声明变量+运算符的相关文章

2015.7.15 第七课 课程重点(js、声明变量、数据类型)

1.vs新建步骤 文件——新建项目——web——空白web应用程序——取名.位置.确定——此时软件会自动生成一个sln文件(解决方案),一解决方案下面可以有多个项目. 点击项目——新建文件夹css和js和image——新建html页面取名demo1 (推荐设置:工具——选项——可以设置下字体和颜色:文本编辑器——把常用的几种语言设上行号颜色提示) 2.什么是js JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中

第七课 课程重点(js、声明变量、数据类型)

1.vs新建步骤 文件——新建项目——web——空白web应用程序——取名.位置.确定——此时软件会自动生成一个sln文件(解决方案),一解决方案下面可以有多个项目. 点击项目——新建文件夹css和js和image——新建html页面取名demo1 (推荐设置:工具——选项——可以设置下字体和颜色:文本编辑器——把常用的几种语言设上行号颜色提示) 2.什么是js JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中

JS中声明变量

在 ES6 中,提供了 let 关键字和 const 关键字. let 的声明方式与 var 相同,用 let 来代替 var 来声明变量,就可以把变量限制在当前代码块中. 使用 const 声明的是常量,其值一旦被设定便不可被更改.

Javascript开发技巧(JS入门、运算符、分支结构、循环结构)

一.Js简介和入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript简介</title> <!-- [使用JS的三种方式] 1.HTML标签中内嵌JS(不提倡使用): <button onclick="javascript:alert('小碧池!你真点啊!')">有本事点我呀!!!<

JavaScript入门:003—JS中的变量

编程语言都是相同的,JS中也是有变量的.首先JS的变量是区分大小写的,这个需要注意,比如number和Number是不同的变量.不管是常用类型的,还是对象类型,比如 Object obj和Object Obj是两个对象.然后是对变量赋值,这个基本都一样,可以先声明再赋值, var i; i=0; 也可以声明时赋值, var i=2; 而变量如果你不重新赋值,它是不会改变的,比如 var i=2: var i; 因为i没有重新赋值,所以i还是2.而对于对象变量则比较有意思,不需要向那些java,c

2015-09-28 第七节课 (js简介、声明变量、数据类型)

vs新建步骤 文件——新建项目——web——空白web应用程序——取名.位置.确定——此时软件会自动生成一个sln文件(解决方案),一解决方案下面可以有多个项目. 点击项目——新建文件夹css和js和image——新建html页面取名demo1 (推荐设置:工具——选项——可以设置下字体和颜色:文本编辑器——把常用的几种语言设上行号颜色提示) 什么是Javascript ? Javascript 是一种脚本语言,是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持

js中要声明变量吗?

你好,js语言是弱类型语言,无需申明即可直接使用,默认是作为全局变量使用的.建议:在function里时应使用var 申明变量,这样改变量仅仅只在function的生存周期内存在,不会污染到,全局控件.至于直接在<script>标签内使用的话则申明不声明效果都是一样的. 下面的文章可以帮助你更清楚的了解js变量一.变量的类型 Javascript和Java.C这些语言不同,它是一种无类型.弱检测的语言.它对变量的定义并不需要声明变量类型,我们只要通过赋值的形式,可以将各种类型的数据赋值给同一个

[js]js的惰性声明, js中声明过的变量(预解释),后在不会重新声明了

js的惰性声明, js中声明过的变量(预解释),后在不会重新声明了 fn(); // 声明+定义 js中声明过一次的变量,之后在不会重新声明了 function fn() { console.log("ok") } fn(); //ok fn = 22; //赋值是允许的 fn(); // Uncaught TypeError: fn is not a function function fn() { console.log("ok !!!");} fn(); //

Java从小白到入门,Day1(java环境搭建,声明变量)

初识Java java文件扩展名必须为.java: Java跨平台就是跨操作系统(Java编译完成后,产生的是.class文件,能在JVM运行.在JDK中包含了JVM,只需要下载JDK,就可以实现跨平台了) Java源于Sun公司(之前是做c语言),之后Sun公司被Oracle收购.Java之父 James Gosling. JDK包含了JRE,JRE包括了JVM.(JDK版本有J2SE,J2ME,J2EE) 安装JDK后,到系统属性→高级→用户变量(仅对该用户可以使用),新建环境变量,变量名: