JavaScript笔记

2022/7/16 1:20:08

本文主要是介绍JavaScript笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

js简介

js的组成

  1. ECMAScript js语法

  2. DOM 页面文档对象

  3. BOM 浏览器对象模型

avaScript在HTML的引用方式

(1)行内式;

<input type="button" value="海贼王" onclick="alert('路飞')">

(2)内嵌式;

<script>
     alert('one piece')
</script>

(3)引入外部JS文件;
<script src="my.js"></script>

alert('luffy')

输入输出

1.prompt(info) 浏览器弹出输入框,用户可以输入

2.alert(msg) 浏览器弹出警示框,输出

3.console.log(msg) 浏览器控制台打印输出信息---给程序员测试用的

变量

声明变量

var:变量名;
初始化:var:变量名 = 值;

变量使用

<script>
    var myname = prompt('请输入姓名');
    alert(myname)
</script>

数据类型

  • 数据类型是根据所赋的值来确定

  • JavaScript 拥有动态类型,同时也意味着相同的变量可变作不同的类型

数字类型可分为两类:

1. 基本数据类型(Number,String,Boolean,Undefined,Null)

简单数据类型 说明 默认值
Number 数字型,包含整型值和浮点型值,如21,0.21
8进制:数字前加0;16进制:前加0x
0
Boolean 布尔值类型,如true,false ,等价于1和0 false
Undefined var a; 声明了变量a但是没有赋值,此时a=undefined undefined(未定义的)
string 字符串类型,如“张三” “”
Null var a = null;声明了变量a为空值 null

数字型

特殊数字型

 console.log(Number.MAX_VALUE);//最大值
 console.log(Number.MIN_VALUE);//最小值
 console.log(Number.MAX_VALUE * 2);//无穷大
 console.log(-Number.MAX_VALUE * 2);//无穷小
NaN:非数字的

isNaN()方法

这个方法用来判断非数字,并且返回一个值,如果是数字返回的是false,如果不是数字返回的是true

var userAge = 21;
var isOk = isNan(userAge);
console.log(isNum);		//false,21不是一个非数字

var userName = "andy";
console.log(isNan(userName));	//true,"andy"是一个非数字

字符串型

  • 1.转义字符都是以 \ 开头,只在引号内使用
转义符 解释说明
\n 换行符,n是newline
\ \ 斜杠\
\ ’ ’ 单引号
\ ‘’ ‘’ 双引号
\ t tab 缩进
\ b 空格,b是blank的意思
  • 2.length属性可以获取字符串长度
var myname = '请输入姓名';
console.log(myname.length);
  • 3.字符串的拼接
//1 字符串相加
alert('hello' + ' ' + 'World');  //hello World
//2 数值字符串相加
alert('100' + '100'); //100100
//3 数值字符串+数值
alert('12'+12); //1212
//4 数值+数值
alert(12+12); //24
var  age = 18;
console.log('我今年'+age+'岁');

2. 复杂数据类型(Object)



这篇关于JavaScript笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程