JS变量

脚本语言

一、JS的作用:

  • 表单校验
  • 网页特效
  • 服务端开发
  • 桌面程序
  • APP
  • 控制硬件-物联网
  • 游戏开发

二、浏览器分为两部分:渲染引擎和js引擎
在这里插入图片描述
三、js书写位置
在这里插入图片描述

<input type="button" value="唐伯虎" onclick="alert('秋香姐')">

在这里插入图片描述

<script>
    alert('沙漠骆驼');
</script>

在这里插入图片描述

<script src="my.js"></script>

四、多行注释 快捷键 shift+alt+a
五、输出输入语句

   //输入框
    prompt('请输入你的年龄');
    //弹出警示框
    alert('沙漠骆驼');
    //console 控制台输出
    console.log('chengxuyuan');

六、变量

本质:变量是程序在内存中申请的一个存放数据的空间
1)声明变量与赋值

    //声明
    var age;
    //赋值
    age=10;

2)初始化

var myname='xixi';
var address='china';
console.log(myname);
console.log(address);
var age=10;
    name='dd';
    address='china';

3)变量命名
在这里插入图片描述

七、数据类型

JavaScript是一种弱类型或者说动态语言。

//js的便力量数据类型是只有在程序运行过程中,根据等号右边的值的数据类型判断的。
在这里插入图片描述
在这里插入图片描述

//3.数字值的最大值
console.log(Number.MAX_VALUE);
//4.数字值的最小值
console.log(Number.MIN_VALUE);
//5.无极大
console.log(Number.Max_VALUE*2);
//6.无穷小
console.log(-Number.MAX_VALUE*2);
//7.非数字
console.log('pink老师'-100);
//8.isNaN()用来判断非数字  并且返回一个值, 如果时数字返回的时false
console.log(isNaN(12));//false//验证用户输入
//9.外单内双或外双内单
var str='我是一个"高富帅"的程序员';
var str="我是一个'高富帅'的程序员";
console.log(str.length);//13

在这里插入图片描述
1)字符串
只要有字符串和其他类型拼接,最后结果是字符串类型。

//1.长度
var str="我是一个'高富帅'的程序员";
console.log(str.length);//13
//2.字符串的拼接
console.log('沙漠'+'luotuo');
console.log('pink'+18);

var age=18;
console.log('pink老师'+age+'岁');

2)boolean
在这里插入图片描述
3)undefined
声明变量未赋值

var variable =undefined;
console.log(variable+'pink');//undefinedpink
console.log(variable+1);//NaN

4)null


var space=null;
console.log(space+'pink');//nullpink
console.log(space+1);//1

5)获取数据类型

var num=10;
console.log(typeof num);//number
var str='ping';
console.log(typeof str);//string
var timer =null;
console.log(typeof timer);//object
//prompt取过来的值时字符型的
var age=prompt('请输入你的年龄');
console.log(age);
console.log(typeof age);//string

6)数据类型转化

     1.转换为字符串

在这里插入图片描述

//变量.tostring()
var num=10;
var str=num.toString();
//利用String(变量)
console.log(String (num));
//3.利用+拼接,隐式转换
console.log(num+'');
 2.转换为数字型

在这里插入图片描述

//1.parseInt()
console.log(parseInt('3.14'));//3 取整
console.log(parseInt('120px'));//120    会去掉单位
console.log(paseInt('rem120px'));//NaN

//2.parsefloat() 可以吧字符型的转换为数字型 得到是小数
console.log(parseFloat('3.14'));//3.14
console.log(parseFloat('120px'));//120  会去掉单位
console.log(paseFloat('rem120px'));//NaN
//3.利用Number(变量)
var str='123';
console.log(Number(str));
console.log('12');
//4.利用算术运算+-*/ 隐式转换
console.log('12'-0);//12  数字
console.log('123'-'120');//3  数字

3.转换为bool型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

八、执行过程

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值