2022-04-15 js基础第一天

js是什么

前端的唯一的脚本编程语言,vue ,react都是基于js的

js的组成

js的组成

js的书写位置

image.png

内联js代码写在标签内部

内部js写在html(script标签内)文件中,script标签一般写在结束body的上面

外部js 使用 <script src="路径"></script > 引入

js注释

image.png

js结束符

image.png

image.png
image.png

js输入输出语句

js输出输入语句

document.write("要输出的语句")向body输出内容 ,如果输出的是html标签也会解析 成网页元素

alert("要输出的内容")页面弹出警告框

consle.log("控制台打印") 程序员调试专用

变量

变量就是用来储存数据的"容器",它使计算机具有了记忆力

变量的基本使用

定义了一个变量后,你就可以初始化它(赋值),在变量名之后跟上一个等号 = 就是赋值 注意:是通过变量名来获得里面的数据

变量的基本使用.png

语法

let 变量名=值;

更新变量

变量赋值之后,可以通过简单的给他一个不同的值来更新他 注意 let 不允许多次声明同一个变量

声明多个变量

let 变量名=值, 变量名=值;

数据类型

基本数据类型

number 数字型 可以取整数 负数 小数
string 字符串型 通过单引号'' 双引号"" 反引号``包裹的数据都是字符串类型
boolean 布尔型 只有 true 和false 两个值 一般用于判断
undefined 未定义型 比较特殊的的类型 只有一个一个值undefined 在值声明变量,但是不赋值的情况下,变量默认为undefined ,一般很少直接为某个值赋值为undefined
null 空 null表示赋值了但是内容为空

补充

引用数据类型

object 对象
function 函数
array 数组

模板字符串的使用

作用:更便捷的拼接字符串和变量
1.使用反引号 ``包裹内容
2.在内容拼接变量时 ,使用¥{} 包住变量

检测数据类型

通过typeof 关键字 检测数据类型

typeof检测数据类型.png

转换数据类型

隐式转换


隐式转换.png

显示转换

转换数字型

1.Number(数据) 注意:js严格遵循字母的大小写 首字母大写
转换为数字类型
如果字符串内容里有 非数字,转换失败结果为NaN 既不是一个数字
NaN也是number类型的数据,代表非数字
2parseInt(数据)
只保留整数
3.parseFloat(数据)
可以保留小数
注意点: parseInt() parseFloat() 【parse解析的意思: 只要传入的数据是以数字开头的,就能解析成功,返回值为第一个数字直到碰到非数值为止; 比如 parseInt("123aa") ;返回 123】

转换为字符串类型

string(数据)
toString(进制) 注意:一般默认为十进制 所以不需要填写

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,837评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,551评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,417评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,448评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,524评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,554评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,569评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,316评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,766评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,077评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,240评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,912评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,560评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,176评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,425评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,114评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,114评论 2 352

推荐阅读更多精彩内容

  • 01-js初体验 Document alert('hi~~~北京十级大风!!!!!'...
    菜鸟赵小白阅读 247评论 0 1
  • 前端三大关键 Html----网页骨架 CSS----网页外貌 JS----网页动作 JavaScript bro...
    JustinLaw阅读 118评论 0 0
  • js的历史 Nombas与ScriptEase 大概在 1992 年,一家称作 Nombas 的公司开发了一种叫做...
    cj_jax阅读 206评论 0 1
  • 一、js介绍 JavaScript是什么?是一种通常运行在浏览器中(运行环境)的编程语言;可以用来实现人机交互效果...
    kc7阅读 168评论 0 0
  • 一、js书写位置 参考css,有三种,其中内联式不推荐 与css的区别: 内部式js写在</body>标签前面,因...
    诡冰阅读 71评论 0 0