【使用js的三种方式】
1、在HTML标签中，直接内嵌js（并不提倡使用）
<button onclick=" alert('点就点')"> 点我啊</button>
>>>不符合w3c关于内容与行为分离的要求
2、在HTML页面中使用<script></script>包裹js代码
<script type="text/javascript">
js代码
</script>
》》》·<script></script>标签可以放到页面的任何位置
3、引入外部的js文件：
<script language="JavaScript" src="js/01js.js"></script>
【注意事项】
① <script></script>标签可以嵌入到 页面的任意位置，但是，位置的不同会导致js代码的执行顺序不同；、
比如：<script></script>放在<body></body>前面，则js代码会在页面加载之前执行；
② 引入外部的js代码，<script></script>必须是成对出现的标签，而且，标签中不能再有任何的js代码。

【js中的变量】
1、js中变量声明的写法：
var num=10；//使用var声明的变量，属于局部变量，只在当前作用域内有效；
num=10；//不用var声明的变量，属于默认全局变量，在整个js文件都有效；
var x=8,y,z=10;//使用一行语句同时声明多个变量。上式中，y属于以声明，但未赋值状态，结果为undefined；
【声明变量的注意事项】
① js中所有变量的声明，均使用var关键字，变量具体是什么数据类型，取决于给变量赋值的类型 ；
② js中同一个变量，可以在多次不同赋值中，修改变量的数据类型：
var a=10;//从初始声明时，a属于整数型；
a= "haha"//重复赋值时，整数型的a变为字符串类型；
③ 变量可以使用var声明，也可以不使用
【区别】使用var声明是局部变量，不使用为全局变量 ；
④ 只用 var声明，但是不赋值，结果为undefined：
例如：var a;、、a为undefined
但是，如果不声明也不赋值的a，直接使用会报错；
⑤ 同意变量名可以多次使用var声明，但是，后面的var并没什么用，
第二次使用var声明时，只会被理解为普通的赋值操作。
2、变量名的命名要求
① 变量名只能有字母、数字、下划线组成
② 开头不能是数字。
③ 变量名区分大小写，大写字母与小写字母为不同变量。
3、变量名的命名规范
① 要符合小驼峰法则（骆驼命名法）；
首字母小写，之后每个单词的首字母大写
② 或者使用匈牙利命名法：
所有字母小写，单词之间用下划线——分隔

【js中的数据类型】
① undefined 未定义 已经使用var声明的变量，但没有赋值 例如：var a；
② null 表示空的引用
③ booleam 布尔类型 表示真假，只有两个值：“true/flase
④ number 数值类型 可以是正数，也可以是小数
⑤ string 字符串类型 用“”或‘’包裹的内容，称为字符串
⑥ object 对象类型

【常用的数值函数】
① isNaN():判断一个变量或常量，是否是NaN(not a num 非数值)
使用isNaN（）判断时，会尝试使用Number（）函数进行转换，如果最终结果能够转为数字，
则不是NaN，结果为false。
② Number（）函数 ： 将其他类型的数据，尝试转为数值型。
【字符串类型】
》》》字符串为純数值字符，会转为对应的数字 : “111”=》111
》》》字符串为空字符串，会转为0 : “ ”=》0
》》》字符串包含任何其他字符时，都不能转 : “1a”=》NaN
【Booleam】
“true”=》1
“flase”=》0
【Null/Undefined 】
Null=》0 Undefined=》NaN
【Object】后续讲解
③ parseInt（）：将字符串转为整数类型
》》》纯数值字符串，能转：“12”=》12；“12.9”=》12（小数转化时，直接抹掉小数点，不进行四舍五入）
》》》空字符串 不能转
》》》包含其它字符的字符串，会截取第一个非数值字符串前的数字部分；
“123aa234”=》123 “a123v123”=》NaN
》》》ParsInt函数（）只能转字符串，转其他类型，全是NaN
【Number函数与ParseInt函数的区别】
1、Number函数可以转各种数据类型，ParsInt函数只能转字符串类型
2、两者在转字符串时，结果不完全相同。
④ ParseFloat（）函数：将字符串转为数值型
转换规则与ParsInt相同，只是如果有小数，则保留小数点，如果没有小数，则依然是整数。

⑤ typepf：检测变量的数据类型
字符串=》string 数值=》number true/false=》boolean
未定 义 =》undefined 对象/null=》object 函数=》function

【js中常用的输入输出语句】
1、document。write（）；将括号内的内容打印输出到浏览器屏幕上；
使用时需注意除变量，常量外的所有内容，必须放到“”中，变量和常量必须放到“”外面；
如果同时有变量和字符串，必须用+链接；
eg:document.write("左手中的纸牌"+left+"<br/>")
2、alert();使用弹窗输出；
弹窗警告，（）中的内容与上述相同；
3、prompt();弹窗输入
接收两部分参数：
① 输入框上面的提示内容，可选;
② 输入框里面的默认信息，可选；
当只写一部分时，表示输入框上面的提示内容；
可以定义变量，接受输入的内容。点击确定按钮，变量将被赋值为输入的内容，
点击取消按钮，变量将被赋值为null。
输入内容时，默认接受的数据类型都是字符串！！！！

【js中的运算符】

1、 算术运算(单目运算符)
+ 加、-减、*乘、 /除、 %取余、++自增 、--自减
+:有两种作用 ：连接字符串/加法运算 ；
当+两边全是数字时进行加法运算；
当+两边有任意一边为字符串时，起连接字符串的作用，链接之后的结果为字符串；
除+外，其余符号运算时，会先尝试将左右变量用Number函数转为数字
/:结果会保留小数点
++:自增运算符，将变量在原有基础上+1
--:自减运算符，将变量在原有基础上-1

① 相同点：无论a++还是a--，运算完后，a的值均会+1
不同点： a++，先用a的值去运算，再把a+1
a--，先把a+1，再用a+1的值去运算

2、 赋值运算
= 赋值（把右边的值赋给左边） += -= *= /= %=
+=：a+=b 相当于 a =a+b，但是，前者的运算效率比后者快，推荐使用前者；

3、关系运算
== 等于、===全等、 ！=不等、！==不全等、>、<、>=、<=
>>> 关系运算符，运算之后的结果，只能是Boolean类型；
>>> 判断一个数字是否处于某个区间，必须用&&链接；
a<10&&a>0 √ 10>a>0 ×
>>>===:严格等于：要求不但要类型相同，值也必须相同，类型不同，直接为false，类型相同，再进行下一步判断
==：等于：类型相同，与===效果相同，类型不同时，会先尝试用Number（）将两边转为数字，然后再进行判断。
但是有个别特例，如：null==false × null==undef √ null==null ×

4、条件运算符(多目运算)
a>b?true:false
有两个重要符号： ？和：
当？前面部分，运算结果为true时，执行：前面的代码
当？前面部分，运算结果为false时，执行：后面的代码
冒号两边可以为数值，则整个式子可用于赋值。var a=1<2?1:2
冒号两边可以为代码块，将直接执行代码。1<2?alert(1):alert(2)
多目运算符可以多层嵌套。var a=1<2\?alert(1):(1>0?4:5)

5、位运算符、 逻辑运算符
&、|、~ &&与、||或、！非
&&:两边都成立，结果为true
||:两边有任意一边成立，结果为true

6、运算符的优先级
（）小括号最高
！++ --
* / %
+ -
< > >= <=
== !=
&&
||
= += -= * = /= 最低的是各种赋值运算符

JavaScript基础一（js基础函数与运算符）的更多相关文章

  1. 二、JavaScript语言--JS基础--JavaScript进阶篇--JS基础语法

    1.变量 定义:从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 命名:变量名字可以任 ...

  2. 1. JavaScript学习笔记——JS基础

    1. JavaScript基础 1.1 语法 严格区分大小写 标识符,第一个字符可以是 $,建议使用小驼峰法, 保留字.关键字.true.false.null不能作为标识符 JavaScript是用U ...

  3. Javascript进阶篇——(JS基础语法)笔记整理

    根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可 ...

  4. JS基础-运算符-函数

    1.运算符  1.赋值运算符和扩展运算符    1.赋值运算符 =    2.扩展运算符      +=,-=,*=,/=,%=,^=....      ex:        a=a+b;--> ...

  5. js基础 js自执行函数、调用递归函数、圆括号运算符、函数声明的提升 js 布尔值 ASP.NET MVC中设置跨域

    js基础 目录 javascript基础 ESMAScript数据类型 DOM JS常用方法 回到顶部 javascript基础 常说的js包括三个部分:dom(文档document).bom(浏览器 ...

  6. JavaScript 基础——使用js的三种方式，js中的变量，js中的输出语句，js中的运算符；js中的分支结构

    JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...

  7. 二、JavaScript语言--JS基础--JavaScript进阶篇--函数

    1.什么是函数 函数的作用,可以写一次代码,然后反复地重用这个代码. 如:我们要完成多组数和的功能. var sum; sum = 3+2; alert(sum); sum=7+8 ; alert(s ...

  8. JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

       前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...

  9. js基础--javaScript数据类型你都弄明白了吗？绝对干货

    欢迎访问我的个人博客:http://www.xiaolongwu.cn 数据类型的分类 JavaScript的数据类型分为两大类,基本数据类型和复杂数据类型. 基本数据类型:Null.Undefine ...

  10. 100多个基础常用JS函数和语法集合大全

    网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法: 1.输出语句:document.write(""); 2.JS中的注释为//3.传统 ...

随机推荐

  1. 在JavaScript中使用json.js：使得js数组转为JSON编码

    在json的官网中下载json.js,然后在script中引入,以使用json.js提供的两个关键方法. 1.数组对象.toJSONString() 这个方法将返回一个JSON编码格式的字符串,用来表 ...

  2. Delphi系列书籍pdf 118本 网友吐血整理

    第一步:进入官网首页http://bulo.hujiang.com/home/ 第二部:home/替换u/779988/diary/627936/ 来自沪江部落

  3. Java的基本程序设计结构【2】

    注释 与大多数程序设计语言一样,Java 中的注释也不会出现在可执行程序中.因此,可以在源程序中根据需要添加任意多的注释,而不必担心可执行代码会膨胀.在Java 中,有三种书写注释的方式. 最常用的方 ...

  4. Chinese Rings hdu 2842 矩阵快速幂

    Chinese Rings Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Tot ...

  5. webservice部署到服务器报错

    System.Net.WebException: 基础连接已经关闭: 发送时发生错误. ---> System.IO.IOException: 从传输流收到意外的 EOF 或 0 个字节. 在 ...

  6. c# Linq操作XML，查找节点数据

    /*查找XML*/ var filePath = Server.MapPath("~/xml/sample.xml"); XDocument doc = XDocument.Loa ...

  7. 【特效】select美化

    select的默认样式往往很丑,为保证页面样式风格统一,需要对select进行美化.虽然其美化的插件很多,一搜一大把,但是需要引入长长的css文件和js文件实在是件头痛的事.其实select的实现原理 ...

  8. Appium python自动化测试系列之appium环境搭建（二）

    ​2.1 基础环境搭建 当我们学习新的一项技术开始基本都是从环境搭建开始,本书除了第一章节也是的,如果你连最基础的环境都没有那么我们也没必要去说太多,大概介绍一下: 1.因为appium是支持andr ...

  9. MySQL5.7以上Zip版官方安装文档(选译)

    前言 在windows上安装Zip版MySQL(选译) 学习mysql的朋友们会发现5.7+版本的mysql变得比以前难安装了许多(当然我们可以选择installer版本,但是这样总感觉对学习mysq ...

  10. 张高兴的 Windows 10 IoT 开发笔记：ToF Sensor VL53L0X

    GitHub : https://github.com/ZhangGaoxing/windows-iot-demo/tree/master/VL53L0X