一、JS变量的声明、数据类型和变量的转换

1.js变量声明关键字:var

注意:a:js变量区分大小写;

b:js中字符串可使用双引号,也可使用单引号;

c:js中可声明同名变量,控制台不会报错,但后面变量会覆盖前面的。

2.数据类型分类

a:number(数字类型)

b:string(字符串类型)

c:boolean(布尔类型)

d:null

e:undefined(未定义)

f:object(对象类型)

  注:NaN 是数字类型,但其本质不是数字;它与所有值都不相等,包括自己。

3.js变量的转换

a:使用number()函数将要转换的数据类型转换为数字类型

b:使用boolean()函数将要转换的数据类型转换为布尔类型

js变量使用注意:

  变量名称最好含义明确,以字母或下划线开头,跟上数字字母下划线

a:var age= 12;
b:var test5 ='hello';
c: var _test = 'hello';

二、js的三种引入方式 和浏览器javascript支持与否的检测

1.内部引入

<script>
......
</script> 

2.外部引入(推荐使用)

<script src="路径" type="text/javascript"></script>

3.行内引入

<a href="javascript:confirm('aaa');">666</a>
<p onclick="javascript:alert('hello');">clickme</p>

4.检测浏览器是否支持javascript使用方式(一般电脑都会支持)

<noscript>
您的浏览器不支持JavaScript
</noscript>

三、驼峰标记法和下划线法和js 的三种弹框方式

a、驼峰标记法和下划线法

var firstName = 'king';    //小驼峰
var FirstName = 'queen'; //大驼峰
var first_name = 'fyh'; //下划线法

b、js的三种弹框方式

警告弹框:alert(‘ ’);

确认框: confirm(' ');

提示框:prompt('提示语句',‘input框’);

四、js中的运算符

1、算数运算符(+、-、*、/、++、--、%)

<script>
var i=1,j=2;
document.write(i+j); //3
document.write('<br/>');
document.write(i-j); //-1
document.write('<br/>');
document.write(i*j); //2
document.write('<br/>');
document.write(i/j); //0.5 document.write(i%j); //2
document.write('<br/>');
document.write(1%-2); //1
document.write('<br/>');
document.write(-1%2); //-1
document.write('<br/>');
document.write(-2%1); //0
</script>

  a:"%"余数运算符,俩个数相除,取余数。

    a=10%2; //a=0

  b:"++"自增运算符 

var a=10;
//赋值后加1;
var b=a++;
//a变量的值赋给b,b=10;然后变量a+1,a=11;
var c=++a;
//将变量a的值+1,a=12;然后将变量a赋值给变量c,c=12;
document.write("b="+b+",c="+c);

c:"- -"自减运算符

  var num1=2;

    alert(- -num1);    //输出num1=1;

  //浮点型支持自增自减运算符

    num1=12.3;

    alert(--num1); //输出num1=11.3;

    注意:字符串类型不支持自增自减运算符

2、赋值运算符(=、+=、-=、*=、/=)

  “+=”:先加后等,如a+=5,展开后为a=a+5;

  “-=”:先减后等,如a-=5,展开后为a=a-5;

  “*=”:先乘后等,如a*=5,展开后为a=a*5;

  “/=”:先除后等,如a/=5,展开后为a=a/5;

3、字符串运算符(+)

  字符串运算符只作连接符使用,不进行其他运算。

eg:var a='fyh';

    var b=a+'666';    //b='fyh'+'666'='fyh666';

4、比较运算符(>、<、>=、<=、==、!=、===、!==)

  eg:a=5>6;   //a=false;

    a=5>=6;  //a=false;

    "==",值相比较,值一样返回ture,否则返回flase;

    "===",值和类型同时比较,相同返回ture,不同返回flase;

    “!==”,不绝对相等,值或类型有一个不相等,或者俩个都不相等;

    “===”,绝对相等,值和类型均相等;

5、逻辑运算符(&&、||、!)

  

    &&(与):俩边都成立才返回ture,只要不相同就返回false;

    ||(或):a:前面为ture,后边不管是ture或false,都返回前面的值;

        b:前面为false,后边不管是ture或false,都返回后边的值;

6、逗号运算符 

var a,b,c;
var n=1,m=2;
var z=(x=3,y=4);
console.log(z);//4
console.log(x);//3

7、三元运算符(三目运算符)(a>b ? 'true' : 'false') 

if(3>1){
document.write('aa');
}else{
document.weite('bb');
} document.write('<br/>');
var res=3>1?'aa':'bb';
document.write(res);
document.write('<br/>');

8、void运算符

 

<script type="text/javascript">
//void运算符
z=void(n=1,m=2,p=3);
alert(z);
//z输出为3
var x;
x=123;
x='king';
x=true;
x=null;
x=undefined;
x=[1,2,3];
alert(typeof x);
//x输出为undefined
</script>

五、null、NaN、" "、undefined比较

  1、undefined:未定义类型

    var a;

    alert(a);    //undefined未定义;

  2、null(空值)

    alert(typeof null);   //object

  3、NaN(NaN 是数字类型,但其本质不是数字;它与所有值都不相等,包括自己;)

    alert(NaN==NaN);//false;

  4、 " "

0==" ";   //true

0==false; //true 

null==undefined;   //true 

0==undefined; //false

undefined==false; //false

" "==undefined; //false

0==null; //false

null==false; //false

" "==null; //false

js-01-基础知识的更多相关文章

  1. css+js+html基础知识总结

    css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...

  2. 001/Node.js(Mooc)--基础知识

    一.Node.js基础知识 node.js用C++语言编写. 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于Chrome JavaScript 运行时 ...

  3. node.js的基础知识

    第一部分知识: .命令行窗口(小黑屏).CMD窗口.终端.shell - 开始菜单 --> 运行 --> CMD --> 回车 - 常用的指令: dir 列出当前目录下的所有文件 c ...

  4. HTML,js的基础知识

    HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签 ...

  5. js的基础知识笔记

    目录 一.基本数据类型 二.函数 三.面向对象 一.基本数据类型 1.使用var声明变量.使用;结尾.使用{}表示代码块.使用驼峰式命名 2.变量是弱类型的,即并不严格要求声明变量的类型,一个变量可以 ...

  6. 【JS】基础知识

    引言 在互联网的演化过程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主. 2005年以后,互联网进入了Web2.0时代,各类似桌面软件的Web应用大 ...

  7. 二、js中基础知识

    该篇文章主要是强化一下自己javaScript的基础,让写代码变得更轻松些.基础好的请忽略.    JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解 ...

  8. JS的基础知识

    前言:写前端代码时的各种取值纠结,让我决定我必须要好好学一下js............加油~ $("#tr"+id).remove() 删除某一行,而不用刷新页面 HightCh ...

  9. js数组基础知识链接

    http://www.cnblogs.com/qiantuwuliang/archive/2011/01/08/1930499.html 小案例:   <script language=&quo ...

  10. js函数基础知识

    [函数的声明及调用] function 函数名(参数1,参数2,....){ //函数体代码 return返回值: } 1.函数的调用: ①直接调用:函数名(参数1的值,参数2的值,....) ②事件 ...

随机推荐

  1. 车标知识学习网页开发,与Flask通过base64展示二进制图片 #华为云·寻找黑马程序员#

    万法同源 一直觉得可能自己不太适合搞技术,更适合在天桥底下支个摊子说书.技术的东西从来没人关注,扯东扯西的文章莫名的火.之前的一篇文章MarkDown添加图片的三种方式不管是在技术为主的CSDN还是娱 ...

  2. NAT回流(Twice NAT)Hairping 参数详解

    内网用户需要通过域名访问内网的服务器,一般商用环境是无法访问的,需要经过以下配置,原理不说了,直接说配置. nat (inside,inside) source dynamic inside-net  ...

  3. MyBatis_多表关联查询_resultMap_单个对象_N+1方式实现

    mapper 层 提供 StudentMapper 和 ClazzMapper, StudentMapper 查询所有学生信息, ClazzMapper 根据编号查询班级信息. 再 StudentMa ...

  4. [TimLinux] systemd 精通CentOS7系统启动systemd

    1. 介绍 systemd: 在12种不同类型的实体单元(entity unit)间提供了一个依赖关系系统. 2. 几个概念 实体单元:为系统的启动和维护封装多种对象(object).主体单元在单元配 ...

  5. 2018HDU多校二 -F 题 Naive Operations(线段树)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6315 In a galaxy far, far away, there are two integer ...

  6. ARTS-S CentOS 7 minimal 版本安装后网络配置

    用root登录服务器,执行 nmcli d 可以看到ethernet disconnected,网卡是处于禁用状态.执行 nmtui 选Edit a connection-Edit,选中Automat ...

  7. 【关注图像采集视频传输】之 Cy3014 usb3.0 FIFO接口

    CYUSB3014延续了CY7C68013A最吸引人的地方,那就是实现高速数据传输的Slave FIFO接口,应用这种模式,据说数据传输率可以达到320MB/s. 同USB2.0的芯片CY7C6801 ...

  8. Golang 怎么给WaitGroup加超时时间

    怎么给WaitGroup加超时时间呢?刚好群里有人问了我这个问题,我就把我的方法在这边贴出来了. var w = sync.WaitGroup{} var ch = make(chan bool) w ...

  9. IP地址的配置

    1.右击 网上邻居 → 属性 2.右击 本地连接 → 属性 3.选择Internet协议(TCP/IP) → 属性 配置如下, 默认网关始终是网段的第一个地址 4.打开cmd → 输入 ipconfi ...

  10. 使用CleanWebpackPlugin插件报错原因:CleanWebpackPlugin is not a constructor

    // webpack版本:4.32.2 // 抛错原写法 const CleanWebpackPlugin = require("clean-webpack-plugin"); . ...