JavaScript基础一(js基础函数与运算符)

【使用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、运算符的优先级
()小括号最高
!++ --
* / %
+ -
< > >= <=
== !=
&&
||
= += -= * = /= 最低的是各种赋值运算符

时间: 2024-08-27 06:48:48

JavaScript基础一(js基础函数与运算符)的相关文章

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

根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 表达出你的想法(表达式)表达式与数学中的定义相似,表达式是指具有一定的值.用操作符把常数和变量连接起来的代数式.一个表达式可以包含常数或变量. 字符串表达式:"I" + "love" + "you" + mychar

零基础学习js——基础续

while语句 每次执行完语句块之后,又会跳回去检查小括号()里面的布尔值,如果为true,即再执行语句块. while(true){ console.log('true') }   //求1+2+3+...+100=?的值 var i=1; var s=0; while(i<=100){ s=s+i; i++; } console.log(s); continue 语句 终止本次循环,跳到顶部重新执行 var i=1; while(i<=5){ if(i===3){ continue; }

JS基础-运算符-函数

1.运算符  1.赋值运算符和扩展运算符    1.赋值运算符 =    2.扩展运算符      +=,-=,*=,/=,%=,^=....      ex:        a=a+b;--> a+=b; a=a+1;--> a++,a+=1,++a      实现两个数字的换位:        a^=b; b^=a; a^=b;  2.条件运算符    条件运算符又称三目运算符.    单目(一元)运算符,只需要一个操作数或表达式.     ex:++,--,!    双目(二元)运算符,

JS基础及函数

一.JS基础 1.算法及流程图         解决问题的步骤或程序. 特性:          明确性: 算法对每一个步骤都有确切的,非二性的规定.         有效性: 算法的每一个步骤都能够通过基本运算有效地执行,并得到确定的结果.         有限性: 算法由有限的步骤组成. 分类:算术算法.事务性算法     2.流程图         即算法的一种图形解方法.         特点:顺序结构.选择结构.循环结构     3.JS基础内容     引入JavaScript方式:

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

   前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数 函数的声明及调用 1.函数的声明格式: func

【 js 基础 】Javascript “继承”

是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是 所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留

js基础--javascript基础概念之数组(二)

js基础--javascript基础概念之数组 数组栈方法 数组可以像栈一样.栈是一种先进后出的数据结构,最先添加的数据最后一个出来.栈方法添加数据也称为 推入  移除数据称为 弹出. js为数值栈方法提供了 push()   和  pop() ;  两个方法. push() push() 方法接受参数就是你要添加进入到数组的值.push()  方法会将他们逐一添加到数组的末尾  数组的length属性会跟着更新数据. *push(多个数组元素值) 返回的修改后的数组长度 var array =

js基础--javascript基础概念之语句(二)

js基础--javascript基础概念之语句(二)label,break,continue.. break .  continue 语句. break  continue 语句用于在循环中精确控制代码的执行,其中break语句会立即退出循环,执行循环后面的语句. continue 则退出循环后返回到再次进入循环中. 如: var num = 0; for(var i = 0; i<=100; i++){ if(i >= 10){ break; } num = i; } alert(num);

js基础--javascript基础概念之变量与作用域

js基础--javascript基础概念之变量.作用域 javascript按照ECMA-262 的定义,变量与其他语言变量有所不同.js变量时松散的,不需要事先定义变量类型的.这使得他只是一个保存特定值的一个名称.变量与其数据类型可以在脚本的生命周期内改变. 还有明白几点: JavaScript的变量作用域是基于其特有的作用域链的,JavaScript没有块级作用域. 基本类型和引用类型的值 ECMAScript 的变量有两种不同的数据类型:分别是 基本数据类型值 和 引用类型值 : 基本数据