javascript小白学习指南1

article/2025/11/9 5:35:16

引言:

做为一名程序员,都是真心的想把自己的东西分享出来,供大家一起学习探讨,一起提高技能,一起涨工资,呵
  这一系列的文章都是关于Javascript 基础的 当然文章当中穿插了些我自己的理解,希望可以帮助一些刚开始的童鞋!
  废话不多说我们开始吧!



第一章:Javascript 基本概念

  主要内容

  • 数据类型                                                                             
  • 控制语句
  • 函数              

    我们先从最简单的数据类型开始吧!

    首先请记住javascript 有5种基本数据类型和1种复杂数据类型,至于为什么只有这六种,大家可以去翻翻W3C的资料哈!

    五种基本数据类型

  • Undefined
  • Null
  • Boolean
  • Number
  • String
    一种复杂数据类型:

  •  Object 
   在学习这些数据类型之前,我们必须学习使用一个工具,俗话说磨刀不误砍柴工嘛!

  下面为大家介绍一种手段来检测变量的数据类型   ->->->->   typeof  操作符 你可以理解为 

   type of  someting 比如 type of undefined  更多例子如下:

  • type of undefined     如果这个值未被定义
  • type of boolean        如果这个值是布尔值
  • type of string            如果这个值是字符串
  • type of number         如果这个值是数值
  • type of object           如果这个值是对象 或者 是 NULL
  • type of function        如果这个值是函数
    下面为大家写个小例子 你们可以自己建立一个HTML文件然后把我的代码考进去

     
<script>var Question = "csdn boss is ji lao ?";alert("依次是 string number object");alert(typeof Quession);alert(typeof  100);alert(typeof    null);
</script> 
   

   下面来分别详细说说这几种数据类型

  •  Undefined 类型
     简单的来说就是:在使用var 声明变量但未对其加以初始化时,这个变量值就是Undefined;
     为什么这么说呢? 看下面的代码
    
var csdn //声明之后默认取得undefined//var TT 这个变量没有声明alert(csdn)    //返回 undefined
alert( TT )     // 按F12打开调速器发现报错了 

  •  Null 类型
     Null 类型是只有一个值的数据类型 当然这个值就是null 啦,我上面提到过当使用typeof 时 想起来没有?
     
      typeof null 是返回的Object 为什么呢?因为 null 值表示一个空对象的指针
     
     在告诉你们一个秘密 其实 Undefined 是 Null 的儿子,不信的话你们可以在控制台里试一试

     

     才发现CSDN 的上传图片还自动带水印的可怜可怜。。。


  •  Number 类型
      这个类型嘛! 有点枯燥,但是它又是JS里面最令人关注的类型
     首先介绍最简单的JS数字的进制
     
var intNumber = 10; //整数
var 8_number =  012  //八进制
var 8_number_1 = 019 //无效八进制自动去0变10进制var 16_number = A //16进制
//我在进行算术计算时 从不管你是什么进制反正都会是转换成10进制

   下面介绍浮点数
   
var floatNum = 1.1 
var floatNum_1 = 0.1
//上面的都是浮点数的声明方法
//当然还有高级点的var float_num_2 =1.123e3  // 就是1123//e 3 表示 10*10*10

   NaN  = Not a Number
   它有点特殊  比如任何数值除以0 那么在JS中 就会返回 NaN
   NaN 有两个重要的特点
   1.  任何,请注意是任何 涉及NaN的操作都会返回  NaN
   2.  NaN 与任何值都不相等

   关于NaN 它还有一个小工具  是一个叫做 isNaN(param)   的函数
   
   param 是你传入的值 它会尝试将param 转换成数值 , 可以转换返回FALSE  不能转换 返回 TRUE

   说道这里就不能不说说这个数值转换的问题了

   首先还是给大家介绍三个工具  它们分别是
    
    Number()    parseInt()   parseFloat()  

    这几个是干嘛的呢? 第一个可以用于任何数据类型,而后面的两个专门用于把字符串转换成数值

    代码例子如下 ,一样一个

    
var c = Number("csdn ");   //NaN
var s = Number("" );         //0
var d = Number("0000132 ") //132
var n = Number (true)        //1var c = parseInt("123CSDN")  //123var s = parseFloat ("22.5")   //22.5//更多的例子大家可以去W3C上去看看

  • String 类型  
     首先请大家记住: 在JS中字符串是不可变的,也就是说,字符串一旦创建,他们的值就不能改变,要改变某个变量中的值,首先要销毁原来的,然后在用新的去填充

   
var csdn = "csdn "
csdn = csdn+"is what?"//按照上面的意思 你能理解这段代码的工作原理吗??

  toString() 方法和 String()函数
toString() 几乎每个值都有这个方法 它接收一个参数 这个参数是你要输出的值按什么进制输出
  
  也就是说传 2 就是 二进制 不传默认 10 进制 

   String() 函数 它能将任何类型转换成字符串

   规则如下
   
   1.  如果有 toString() 方法则调用

   2.  如果是NULL 则返回 null
 
   3.  如果是 Undefined 则返回  Undefined

  •    Object 
     看代码!!!!
     
      
var a = new Object();

     好吧我创建了个对象( 妈蛋现实世界里没有怎么办
   
     这个现在你只要记住:
    
      Object 类型是所有实例的 基础 基础 基础 基础 基础。 

     啊?  懂 ?

      不懂不要紧 慢慢来!

      下面放福利 今天就到这里 (你们就这点出息)

      




http://chatgpt.dhexx.cn/article/B6atPVbD.shtml

相关文章

javascript学习指南,javascript自学要多久

javascript是干什么的 JavaScript&#xff08;简称“JS”&#xff09; 是一种具有函数优先的轻量级&#xff0c;解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名&#xff0c;但是它也被用到了很多非浏览器环境中&#xff0c;JavaScript 基于原型编程、…

学习JavaScript这一篇就够了

目录 第一章 JavaScript简介1.1、JavaScript的起源1.2、JavaScript的组成1.3、JavaScript的特点1.4、JavaScript的使用1.4.1、标签引用1.4.2、文件引用 1.5、JavaScript的输出1.5.1、页面输出1.5.2、控制台输出1.5.3、弹出窗口输出 1.6、JavaScript的注释1.6.1、单行注释1.6.2、…

JavaScript 教程 (详细 全面)

文章目录 JavaScript 是什么&#xff1f;JavaScript 简介1. JavaScript 的历史2. JavaScript 与 ECMAScript 的关系3. 如何运行 JavaScript4. JavaScript 具有以下特点 Node.js 是什么&#xff1f;Node.js 简介1. 运行时是什么&#xff1f;2. Node.js 的诞生3. Node.js 的组成4…

JavaScript学习指南

1.1 JavaScript基础概念&#xff1a; JavaScript (ECMAScript) &#xff1a;JavaScript 是脚本语言。JavaScript和ECMAScript通常被人用来表达相同的含义&#xff0c;但是JavaScript并不是这么一点含义&#xff0c;它是由ECMAScript 核心. DOM 文档对象模型. BOM 浏览器对象模型…

JavaScript入门学习指南

一、初始JavaScript JavaScript运行在客户端脚本语言&#xff1a;不需要编译逐行进行解释学习作用: 表单验证网页特效服务端开发桌面程序APP物联网-控制硬件游戏开发 浏览器执行JS&#xff1a; 浏览器分成两个部分&#xff0c;渲染引擎和JS引擎 渲染引擎&#xff1a;用于解…

Caption Anything

Github&#xff08;已开源&#xff09;: https:// https://github.com/ttengwang/Caption-Anything Hugging Face Demo: https://huggingface.co/spaces/TencentARC/Caption-Anything &#xff0c;时长00:13 清明上河图demo 近日南方科技大学和腾讯ARC Lab开源了一款交互…

rethinking the inception architecture for computer vision

Google在GoogleNet中提出了inception概念之后&#xff0c;又提出了inception_2,inception_3&#xff0c;都在这篇论文中谈及。 文章地址为http://arxiv.org/pdf/1512.00567v3.pdf 四个通用的设计原则&#xff08;General Design Principles): 1. Avoid representational bot…

(Inceptionv3)Rethinking the Inception Architecture for Computer Vision

翻译论文汇总&#xff1a;https://github.com/SnailTyan/deep-learning-papers-translation Rethinking the Inception Architecture for Computer Vision 摘要 对许多任务而言&#xff0c;卷积网络是目前最新的计算机视觉解决方案的核心。从2014年开始&#xff0c;深度卷积网…

View Synthesis

一、SynSin: End-to-End Synthesis from a Single Image &#xff08;CVPR2020&#xff09; 该论文给出了一个视角图片生成的方法&#xff0c;其pipeline如下图&#xff1a; 首先将图片输入特征和深度网络得到特征map和深度图&#xff0c;接着通过相机参数变换为带特征的点云&…

Intention Oriented Image Captions with Guiding Objects

Intention Oriented Image Captions with Guiding Objects 原文地址 时间&#xff1a;2019 CVPR Intro image caption的过程缺少可控性&#xff0c;一张图片中可以包括很多个目标&#xff0c;但是一个描述只能包括其中一小部分 尽管我们能找到并分类出所有目标&#xff0c;…

Interact as You Intend: Intention-Driven HOI Detection

IEEE多媒体汇刊Author:Bingjie Xu, Junnan Li, Yongkang Wong摘要 为了与物体交互&#xff0c;人类会根据自己的意图引导注意力和移动身体。具体而言&#xff0c;提出的human intention-driven的HOI检测&#xff08;iHOI&#xff09;框架根据人体关节到物体实例的相关距离进行…

【Inception-v3】《Rethinking the Inception Architecture for Computer Vision》

CVPR-2016 在 CIFAR-10 上的小实验可以参考博客【Keras-Inception v3】CIFAR-10 文章目录 1 Background and Motivation2 Advantages / Contributions3 Innovations4 Method4.1 Factorizing Convolutions with Large Filter Size4.1.1 Factorization into smaller convolutions…

DynamicViT

又搬来了来自清华大学与UCLA的工作&#xff0c;提出了一种基于动态token稀疏化的高效视觉transformer&#xff0c;通过分层剪枝66%的输入tokens&#xff0c;可减少31%~37%的FLOPs&#xff0c;并将模型运行速度提高了40%以上&#xff0c;保证精度下降在0.5%以内&#xff0c;可应…

involution理解

最好的参考来自论文作者的知乎&#xff1a;CVPR 2021 | involution&#xff1a;超越convolution和self-attention的神经网络新算子 其他餐卡&#xff1a; https://zhuanlan.zhihu.com/p/400402288 https://zhuanlan.zhihu.com/p/356960359 https://blog.csdn.net/P_LarT/articl…

网络中的pvid与native vlan(本征vlan)区别以及详解

一&#xff1a;pvid与native vlan分别属于华为和思科交换里面的概念&#xff0c;虽然说法不同&#xff0c;但是本质都是缺省vlan 缺省vlan默认为1&#xff0c;各个端口都有一个缺省的vlan&#xff0c;该值支持修改。 2.作用概念&#xff0c;pvid存在于trunk中&#xff0c;且&…

VTP、PVID、ACCESS、trunk

一、VTP详解 VTP有server、client、transparent三种模式、VTP多用于在多vlan的网络环境中&#xff0c;在核心交换机或者根节点交换机中配置Server&#xff0c;在下层的交互机中配置client&#xff0c;VTP在服务模式下&#xff0c;可以创建、删除、修改VLAN&#xff0c;并且转发…

不同VLAN下实现网络互相通信(配置port trunk pvid vlan进行数据转发)

1. 两台交换机同一网段&#xff0c;不同VLAN实现网络互通&#xff0c;逻辑拓扑图如下&#xff1a; 需求&#xff1a;实现VLAN 10与VLAN20之间的PC网络互通 在LSW 12交换机进行如下命令行配置&#xff1a; <HuaWei>system-view #切换系统视图 [Huawei]sysname…

VLAN Tag,PVID

VLAN(Virtual Local Network&#xff0c;虚拟局域网)&#xff0c;对于VLAN的划分方法有很多种&#xff1a;基于端口划分&#xff0c;基于MAC地址划分&#xff0c;基于网络协议划分&#xff0c;基于IP地址划分&#xff0c;基于策略划分等等。但是就上述而言&#xff0c;对VLAN的…

trunk vlan pvid 学习实验整理 2

实验总结&#xff1a; trunk vlan vlan1 vid pvid 等关系。 实验场景二&#xff1a; 上述条件不变【实验场景一】&#xff0c;将PC1 加入vlan10 [SW1]interface Ethernet 0/0/1 [SW1-Ethernet0/0/1]port link-type access [SW1-Ethernet0/0/1]port default vlan 10 >>…

trunk vlan pvid 学习实验整理 1

实验总结&#xff1a; trunk vlan vlan1 vid pvid 等关系。 实验场景一&#xff1a; 将PC1/PC2/PC3,都置于同一网段&#xff1a;192.168.1.0/24 1.PC1 不加入任何vlan&#xff0c;PC2 不加入任何vlan&#xff0c;PC3加入vlan10 2.trunk链路允许vlan 10 20通过。 配置&#xf…