ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript笔记

2022-07-16 00:34:22  阅读:167  来源: 互联网

标签:console log JavaScript 数据类型 Number 笔记 alert var


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)

标签:console,log,JavaScript,数据类型,Number,笔记,alert,var
来源: https://www.cnblogs.com/mtdj/p/16483175.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有