JS学习
以下为《JS学习》的无排版文字预览，完整格式请下载
下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。
JS基础
JavaScript :简称:js
js分三个部分:
1. ECMAScript 标准----js的基本的语法
2. DOM------Document Object Model 文档对象模型
3. BOM------Browser Object Model 浏览器对象模型
JavaScript是什么？
是一门脚本语言
是一门解释性语言
是一门动态类型的语言
是一门基于对象的语言
编译语言:需要把代码翻译成计算机所认知的二进制语言,才能够执行
脚本语言:不需要编译,直接执行
常见的脚本语言:t-sql,cmd
电脑的硬件---->系统--->客户端的程序--->代码
电脑的硬件---->系统--->浏览器--->js代码
js原名不是JavaScript,而是LiveScript
js的作用?解决用户和浏览器之间的交互的问题
js的代码可以分三个地方写:
1.在html的文件中,script的标签中写js代码
2.js代码可以在html的标签中写---
3.在js文件中可以写js代码,但是需要在html的页面中引入 script的标签中的src="js的路径"
JS代码的注意问题
1.在一对script的标签中有错误的js代码,那么该错误的代码后面的js代码不会执行
2.如果第一对的script标签中有错误,不会影响后面的script标签中的js代码执行
3.script的标签中可以写什么内容 type="text/javascript"是标准写法或者写language="JavaScript"都可以
但是,目前在我们的html页面中,type和language都可以省略,原因:html是遵循h5的标准
4.有可能会出现这种情况:script标签中可能同时出现type和language的写法.
5.script标签在页面中可以出现多对
6.script标签一般是放在body的标签的最后的,有的时候会在head标签中,目前讲课的时候都在body标签的后面(body中的最后)
7.如果script标签是引入外部js文件的作用,那么这对标签中不要写任何的js代码,如果要写,重新写一对script标签,里面写代码
实例：
alert("哦买噶的");
变量:========>
操作的数据都是在内存中操作
js中存储数据使用变量的方式(名字,值--->数据)
js中声明变量都用var---->存储数据,数据应该有对应的数据类型
js中的字符串类型的值都用双引号或者单某某
存储一个数字10
变量的声明及赋值
var num=10;
存储一个名字
var name='小黑';
变量---作用,存储数据的或者是操作数据
变量声明(有var 有变量名字,没有值)
变量初始化(有var 有变量名字,有值)
变量声明的方式:
var 变量名字;
实例：
var number;//变量的声明,此时是没有赋值的,
//一次性声明多个变量
var x,y,z,k,j;//都是声明,没有赋值
//变量的初始化(变量声明的同时并且赋值了)
// = 的意义:赋值的含义
//存储一个数字10
var number = 10;
//存储一个5
var number2 = 5;
//存储一个人的名字
var name = "小黑";
//存储真(true)
var flag = true;
//存储一个null--->相当于是空
var nll = null;
//存储一个对象
var obj = new Object();
变量作用:用来操作数据的(可以存储,可以读取)
变量的声明:没有赋值
var 变量名;
变量的初始化:有赋值
var 变量名=值;
注意的基本的代码的规范
js中声明变量都用var
js中的每一行代码结束都应该有分号;(写代码有分号的习惯)
js中的大小写是区分的: var N=10; n
js中的字符串可以使用单某某,也可以使用双引号,目前我们暂时使用双引号
变量名的注意问题---变量名的命名规范,要遵循驼峰命名法
1.变量的名字要有意义,
2.变量名有一定的规范:一般以字母,$符号,下划线开头,中间或者后面可以有$符号,字母,数字
3.变量名一般都是小写的
4.变量名如果是多个单词,第一个单词的首字母是小写的,后面的所有的单词的首字母都是大写的,这种命名方式称为:驼峰命名法
5.不能使用关键字(系统自带的一些单词,不能使用)
6.不会单词用拼音,拼音也要遵循驼峰命名法
实例：
声明变量并初始化---变量的初始化----声明变量赋值
声明了一个num的变量存储了一个数字100
var num=100;
输出这个变量的值
alert(num);//弹框
浏览器的控制台在浏览器中的开发人员工具中(快捷键:F12)的console的选项中
console.log(num);//把内容输出在浏览器的控制台中
声明多个变量然后一个一个的赋值
var num1,num2,num3;//声明
//依次的赋值
num1=10;
num2=20;
num3=30;
声明多个变量并且赋值
var num1=10,num2=20,num3=30;
//变量的交换的第一个思路:使用第三方的变量进行交换
var num1=10;
var num2=20;
//把num1这个变量的值取出来放在temp变量中
var temp=num1;
//把num2这个变量的值取出来放在num1变量中
num1=num2;
//把temp变量的值取出来放在num2变量中
num2=temp;
console.log(num1);//20
console.log(num2);//10
//第二种方式交换:一般适用于数字的交换
var num1 = 10;
var num2 = 20;
//把num1的变量中的值和num2变量中的值,取出来相加,重新赋值给num1这个变量
num1 = num1 + num2;//30
//num1变量的值和num2变量的值取出来,相减的结果重新赋值给num2
num2 = num1 - num2;//10
//num1变量的值和num2变量的值取出来,相减的结果重新赋值给num1
num1 = num1 - num2;//20
console.log(num1, num2);
//注意；变量的名字是不能重名
var num1=10;
var num1=20;
console.log(num1);
//扩展的变量的交换:只需要看代码,不需要理解---位运算
var num1 = 10;
var num2 = 20;
num1 = num1 ^ num2;
num2 = num1 ^ num2;
num1 = num1 ^ num2;
console.log(num1, num2);
变量
声明变量并初始化
var num=10;
js中的原始数据类型:number,string,boolean,null,undefined,object
number:数字类型(整数和小数)
string:字符串类型(的值一般都是用单某某或者是双引号括起来) "34"
boolean:布尔类型(值只有两个,true(真1),false(假0))
null:空类型,值只有一个:null,一个对象指向为空了,此时可以赋值为null
undefined:未定义,值只有一个:undefined
什么情况下的结果是undefined
变量声明了,没有赋值,结果是undefined
函数没有明确返回值,如果接收了,结果也是undefined
如果一个变量的结果是undefined和一个数字进行计算,结果:NaN不是一个数字,也没有意义
object:对象---->
var num;
console.log(num+10);//NaN-----not an number---->不是一个数字
var num;
console.log(num);
如何获取这个变量的数据类型是什么? 使用typeof 来获取
typeof 的使用的语法：
都可以获取这个变量的数据类型是什么!
typeof 变量名
typeof(变量名)
var num = 10;
var str = "小白";
var flag = true;
var nll = null;
var undef;
var obj = new Object();
//是使用typeof 获取变量的类型
console.log(typeof num);//number
console.log(typeof str);//string
console.log(typeof flag);//boolean
console.log(String(nll));//是null
console.log(typeof nll);//不是null
console.log(typeof undef);//undefined
console.log(typeof obj);//object
console.log(typeof(num));
//
//
console.log("10");
console.log(10);
数字类型：
var num=12;//十进制
console.log(num);
var num2=012;//八进制
console.log(num2);
var num3=0x1a;//十六进制
console.log(num3);
var num=0x1f;
console.log(num);
数字类型有范围: 最小值和最大值
console.log(Number.MAX_VALUE);//数字的最大值
console.log(Number.MIN_VALUE);//数字的最小值
不要用小数去验证小数.
var x=0.1;
var y=0.2;
var sum=x+y;
console.log(sum==0.3);
不要用NaN验证是不是NaN
var num;
console.log(num+10==NaN);
console.log("您好"=="我好");
如何验证这个结果是不是NaN,应该使用isNaN()
var num;//-----变量声明了,没有赋值,结果是:undefined
是不是不是一个数字----->不是一个数字吗？ NaN--->不是一个数字
console.log(isNaN(10));
判断结果不是一个数字可以使用isNaN(变量名)
var str="您好";
var num;
var sum=num+10;//NaN
console.log(sum);
console.log(isNaN(sum));//不是数字为true,是数字结果为false
字符串类型：
var str="10";//字符串
var str2='20';//字符串
字符串可以使用单某某,也可以使用双引号
字符串的长度如何获取? 变量名.length
var str="what are you no sha lei";
//字符串的个数有多少个?这个字符串的长度是多少
console.log(str.length);
var str1="fdshfjworwoijpfskj;akjfpojfiwnmoiwajdoiwajiwaewowj";
console.log(str1.length);
html中的转义符: < < > > 空格:
js中的字符串里也有转义符
tab键----水平制表符
console.log("哈哈\\嘎嘎");
console.log("哈哈\t嘎嘎");
console.log("哈哈\"嘎嘎");
console.log('哈哈\'嘎嘎');
字符串的拼接: 使用+可以把多个字符串放在一起形成一个字符串
只要有一个是字符串,其他的是数字,那么结果也是拼接,不是相加
如果有一个是字符串,另一个不是字符串,使用- 号,此时会发生计算
var str1="您好";
var str2="我好";
console.log(str1+str2);
console.log("哈哈"+"嘎嘎"+"嘿嘿");
var str1="10";
var str2="20";
console.log(str1+str2);
var str1="10";
var str2=20;
console.log(str1+str2);
var str1 = "10";
var str2 = 5;
//浏览器帮助我们自动的把字符串类型转成了数字类型,这种方式叫:隐式转换
console.log(str1-str2);
var str1="10";
var str2=5;
console.log(str1*str2);
布尔类型:的值有两个,一个是true(真),一个是false(假)
类型转换
//其他类型转数字类型:三种方式:
//1.parseInt();//转整数
console.log(parseInt("10"));//10
console.log(parseInt("10afrswfdsf"));//10
console.log(parseInt("g10"));//NaN
console.log(parseInt("1fds0"));//1
console.log(parseInt("10.98"));//10
console.log(parseInt("10.98fdsfd"));//10
//2.parseFloat()//转小数
console.log(parseFloat("10"));//10
console.log(parseFloat("10afrswfdsf"));//10
console.log(parseFloat("g10"));//NaN
console.log(parseFloat("1fds0"));//1
console.log(parseFloat("10.98"));//10.98
console.log(parseFloat("10.98fdsfd"));//10.98
//3.Number();//转数字
console.log(Number("10"));//10
console.log(Number("10afrswfdsf"));//NaN
console.log(Number("g10"));//NaN
console.log(Number("1fds0"));//NaN
console.log(Number("10.98"));//10.98
console.log(Number("10.98fdsfd"));//NaN
//总结:想要转整数用parseInt(),想要转小数用parseFloat()
//想要转数字:Number();要比上面的两种方式严格
//其他类型转字符串类型
//1 .toString()
var num=10;
console.log(num.toString());//字符串类型
//2 String();
var num1=20;
console.log(String(num1));
//如果变量有意义调用.toString()使用转换
//如果变量没有意义使用String()转换
var num2;
console.log(num2.toString());
var num3=null;
console.log(num3.toString());
//这个可以
var num2;
console.log(String(num2));
var num3=null;
console.log(String(num3));
//其他类型转布尔类型
//1 Boolean(值);
console.log(Boolean(1));/ 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 对象
string number boolean
var str="hello";
str=str.replace("ll","HH");
console.log(str);
var str=new String("hello");
str=str.replace("ll","HH");
console.log(str);
str=null;
var num=10;//number---->
console.log(num.toString());
如果是一个对象&&true,那么结果是true
如果是一个true&&对象,那么结果是对象
var flag=new Boolean(false);
var result=true&&flag;
console.log(result);
var num=10;
var num2=Number("10");//转换,没有new---类型转
var num3=new Number("10");//基本包装类型
[文章尾部最后500字内容到此结束,中间部分内容请查看底下的图片预览]请点击下方选择您需要的文档下载。
- 代码评审规则指南
- c语言基础复习资料
- 实验一 EViews软件的基本操作
- 请根据课程内容学习与自己的理解简要回答下列问题
- 学习职业教育后的心得体会
- 标品非标签思路一周破千-课上笔记
- 关于4组脐橙种植户年收入情况的调查分析社会调研报告
- 反比例函数教学设计
- 北师大版必修三《循环结构》课件
- 第五届全国北师大版初中数学优质课评比与观摩活动 作品欣赏 函 数教学设计
以上为《JS学习》的无排版文字预览，完整格式请下载
下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。