当前位置：首页 > news >正文

js一些杂乱理解

news 文章来源：https://blog.csdn.net/wuqing2012mxd/article/details/141224523 2025/5/7 7:19:33

js 的值类型和引用类型

引用类型:object,array,function
值类型:诸如number,stringboolean,null,Undefined,Symbol

js使用变量访问对象属性示例

var myDog = "Hunter";
var dogs = {
Fido: "Mutt", Hunter: "Doberman", Snoopie: "Beagle"
}
var breed = dogs[myDog];
console.log(breed)// "Doberman"

object.assign 潜复制对象

仅仅只是潜复制,对于,对象里面的对象,无法复制,只会覆盖,jq中的$.extend是如果第一个参数是true,可以达到深复制的效果.请查看我的jq理解

        var target={name:'guxin',age:18}var source1={state:'signle',age:22}var source2={mood:'happy',age:25}var result=Object.assign(target,source1,source2)console.log(target)//{name: 'guxin', age: 25, state: 'signle', mood: 'happy'}

this指向还有this指向改变方法(call,apply,bind)

 var Person = {name:"lixue",age:21}function fn(x,y){console.log(x+","+y);console.log(this);console.log(this.name);console.log(this.age);}//this对象改成Person了,原本是windowfn.call(Person,"hh",20);//执行fnfn.apply(Person,["hh",20]);//执行fnfn.bind(Person,"hh",20)();//bind只绑定不执行

prototype原型和proto

定义

原型是Javascript中的继承的继承，JavaScript的继承就是基于原型的继承。

函数的原型对象

在这里插入图片描述

<body><script type="text/javascript">function Person () {    	}alert(Person.prototype.constructor === Person);	// true// 可以使用Person.prototype 直接访问到原型对象//给Person函数的原型对象中添加一个属性 name并且值是 "张三"Person.prototype.name = "张三";Person.prototype.age = 20;//上面直接给Person的原型指定对象字面量。则这个对象的constructor属性不再指向Person函数alert(Person.prototype.constructor === Person); //false//如果constructor对你很重要，你应该在Person.prototype中添加一行这样的代码：/*Person.prototype = {constructor : Person	//让constructor重新指向Person函数}*/var p1 = new Person();//使用instanceof 操作符可以判断一个对象的类型。  //typeof一般用来获取简单类型和函数。而引用类型一般使用instanceof，因为引用类型用typeof 总是返回object。alert(p1 instanceof Person);	// true/*访问p1对象的属性name，虽然在p1对象中我们并没有明确的添加属性name，但是p1的 [[prototype]] 属性指向的原型中有name属性，所以这个地方可以访问到属性name就值。注意：这个时候不能通过p1对象删除name属性，因为只能删除在p1中删除的对象。*/alert(p1.name);  // 张三var p2 = new Person();alert(p2.name);  // 张三  都是从原型中找到的，所以一样。alert(p1.name === p2.name);  // true// 由于不能修改原型中的值，则这种方法就直接在p1中添加了一个新的属性name，然后在p1中无法再访问到//原型中的属性。p1.name = "李四";alert("p1：" + p1.name);// 由于p2中没有name属性，则对p2来说仍然是访问的原型中的属性。	alert("p2:" + p2.name);  // 张三  </script>
</body>

原型和call,apply,bind这些方法,带来的最终继承方案

利用call等来继承属性,用原型来继承方法

<script type="text/javascript">//定义父类型的构造函数function Father (name,age) {// 属性放在构造函数内部this.name = name;this.age = age;// 方法定义在原型中if((typeof Father.prototype.eat) != "function"){Father.prototype.eat = function () {alert(this.name + " 在吃东西");}}  }// 定义子类类型的构造函数function Son(name, age, sex){//借调父类型的构造函数，相当于把父类型中的属性添加到了未来的子类型的对象中Father.call(this, name, age);this.sex = sex;}//修改子类型的原型。这样就可以继承父类型中的方法了。Son.prototype = new Father(	);var son1 = new Son("志玲", 30, "女");alert(son1.name);alert(son1.sex);alert(son1.age);son1.eat();
</script>

//Son.prototype = new Father();//改成下面的代码有什么不妥的地方么?//暂且未知
Son.prototype=Father.prototype

详情参考: 原型理解

ES6新增语法部分,日后整理

js一些杂乱理解

js 的值类型和引用类型引用类型:object,array,function值类型:诸如number,stringboolean,null,Undefined,Symbol js使用变量访问对象属性示例 var myDog "Hunter"; var dogs { Fido: "Mutt", Hunter: "Doberman", Snoopie: "Beagle&q…...

编程日记 2024/8/19 8:21:45

机器学习之线性回归算法

目录线性回归：理解与应用什么是线性回归？ 一元线性回归正态分布的重要性多元线性回归实例讲解数据准备数据分析构建模型训练模型验证模型应用模型代码实现线性回归：理解与应用线性回归是一种广泛使用的统计方法&…...

编程日记 2024/8/19 8:20:43

ThreadLoad如何防止内存溢出

优质博文：IT-BLOG-CN 从 ThreadLocalMap看 ThreadLocal使用不当的内存泄漏问题【1】基础概念 ： 首先我们先看看ThreadLocalMap的类图，我们知道 ThreadLocal只是一个工具类，他为用户提供get、set、remove接口操作实际存放本地变…...

编程日记 2024/8/19 8:19:42

2024.8.19 学习记录 —— 作业

一、TCP机械臂测试 #include <myhead.h>#define SER_PORT 8888 // 与服务器保持一致 #define SER_IP "192.168.0.114" // 服务器ip地址int main(int argc, const char *argv[]) {// 创建文件描述符打开键盘文件int fd open("/dev/input/event1…...

编程日记 2024/8/19 8:16:37

Java 阿里云视频直播开发流程

首先来看一下直播效果推流工具有很多种（例如OBS、阿里云直播Demo推流、等等，我用的是芯象导播）阿里播放器地址一、直播基础服务概述官方文档说明二、直播域名配置需要两个域名（推流域名、播流域名） 官方文档说…...

编程日记 2024/8/19 8:11:29

SQLite 轻量级的嵌入式关系型数据库的替代软件

SQLite 是一个轻量级的嵌入式关系型数据库，由于其简单易用和跨平台的特性，被广泛应用于各种应用程序中。以下是一些可作为SQLite替代品的数据库软件或可视化管理工具： 1. **SQLiteStudio**：这是一个免费、开源的跨平台SQLite数据…...

编程日记 2024/8/19 8:10:27

Flutter-自适用高度PageView

需求在 Flutter 中，PageView 是一个非常常用的组件，能够实现多个页面的滑动切换。然而，默认的 PageView 高度是固定的，这在展示不同高度的页面时，可能会导致不必要的空白或内容裁剪问题。为了使 PageView 能够根据每…...

编程日记 2024/8/19 8:05:20

群晖NAS本地搭建可远程交互的大型语言模型LLM聊天机器人

文章目录前言1. 拉取相关的Docker镜像2. 运行Ollama 镜像3. 运行Chatbot Ollama镜像4. 本地访问5. 群晖安装Cpolar6. 配置公网地址7. 公网访问8. 固定公网地址前言本文主要分享如何在群晖NAS本地部署并运行一个基于大语言模型Llama 2的个人本地聊天机器人并结合内网穿透工具…...

编程日记 2024/8/19 8:04:18

TypeScript 构建工具之 webpack

在实际开发中，直接使用TypeScript 编译器的情况不多。在项目中，需要使用构建工具对代码进行打包，不可能脱离项目使用TypeScript 编译器单独打包TypeScript 。那如何将 webpack 和 TypeScript 进行集成？ 参考文档： w…...

编程日记 2024/8/19 8:03:17

前提条件已经创建好了conda环境已经安装好了scrapy框架项目初始化完成编写一个爬虫脚本 import scrapyclass StackOverflowSpider(scrapy.Spider):name stackoverflowstart_urls [http://stackoverflow.com/questions?sortvotes]def parse(self, response):print("…...

编程日记 2024/8/19 8:00:14

contenteditable=“true“的标签限制字数的时候修改光标位置

contenteditable"true"的标签限制字数的时候修改光标位置有时候input和textarea并不能完全满足ui需求，这个时候我们就用contenteditable"true"来将别的标签修改为可编辑状态，但当我们通过js修改了内容之后光标的位置就是一个问题&…...

编程日记 2024/8/19 7:59:12

51单片机-LED灯蜂鸣器数码管按键DS18B20温度传感器

LDE灯的相关程序 LED灯闪烁 LED流水灯方法1 方法二： 因为P1口可以直接控制P1^0~P1^7的8个led灯，利用一个8位的二进制数字来进行控制即可。如果要点亮P1^0 只需要给P1口传递 1111 1110即可。蜂鸣器的使用什么是蜂鸣器？ 蜂鸣器是一种一…...

编程日记 2024/8/19 7:53:05

笔记本一线品牌有哪些

笔记本电脑的一线品牌通常指的是在市场上具有较高市场份额、良好口碑、较强的技术实力和服务能力的品牌。根据目前的信息，笔记本电脑市场的一线品牌主要包括以下几个： 联想 (Lenovo)：联想在全球笔记本市场上的占有率较高，其产品线…...

编程日记 2024/8/19 7:47:58

mysql聚合函数和分组

我最近开了几个专栏，诚信互三！ > |||《算法专栏》：：刷题教程来自网站《代码随想录》。||| > |||《C专栏》：：记录我学习C的经历，看完你一定会有收获。||| > |||《Linux专栏》&#xff1…...

编程日记 2024/8/19 7:46:56

ubuntu20.04+RealSenseD455

ubuntu20.04安装驱动双目相机RealSenseD455 安装环境安装RealSense SDK 2.0ROS包安装启动Realsense摄像头存在的 bugD455标定安装环境系统：Ubuntu20.04 ROS：Noetic 视觉传感器：Intel RealSense D455 安装RealSense SDK 2.0 该安装有两种方式，一个是用命令安装，另一个是…...

编程日记 2024/8/19 7:45:54

WAF绕过技巧

WAF绕过技巧 WAF（Web Application Firewall）是一种安全系统，旨在监控和控制网络流量，以防止攻击，如SQL 注入、跨站脚本（XSS）和拒绝服务（DoS）。 WAF 可以通过多种方式绕过…...

编程日记 2024/8/19 7:43:48

HarmonyOS应用三之组件生命周期和参数传递

编程日记 2024/8/19 7:42:43

[Qt][Qt 网络][上]详细讲解

目录 0.概述1.UDP Socket1.核心API概览2.回显服务器3.回显客户端 0.概述要使用Qt中有关网络编程的API，需要添加network模块 1.UDP Socket 1.核心API概览主要的类有两个：QUdpSocket和QNetworkDatagramQUdpSocket表⽰⼀个UDP的socket⽂件 bind(const …...

编程日记 2024/8/19 7:41:40

读零信任网络：在不可信网络中构建安全系统21读后总结与感想兼导读

1. 基本信息零信任网络：在不可信网络中构建安全系统道格巴斯（Doug Barth） 著人民邮电出版社,2019年8月出版 1.1. 读薄率书籍总字数252千字，笔记总字数73194字。读薄率73194252000≈29.5% 这个读薄率是最高的吧&#x…...

编程日记 2024/8/19 7:40:38

Java基础——注释

在开发中注释是必不可少的，帮助我们更好的标记阅读代码，下面介绍几种常用的注释方式。一、注释种类 1. 单行注释使用//一行代码来进行注释，只能注释一行内容 2. 多行注释使用斜杠星号的方式 /*注释多行代码*/，注释多行代…...

编程日记 2024/8/19 7:33:28

Redis未授权访问漏洞利用合集

一、基本信息靶机：IP:192.168.100.40 攻击机：IP:192.168.100.60 二、漏洞 & 过程 Redis 未授权访问漏洞利用无口令远程登录靶机靶机 cd redis-4.0.8/src./redis-server ../redis.conf 攻击机 ./redis-cli -h 192.168.100.40 Redis 未授权访问…...

编程日记 2024/8/19 7:32:26

基于asp.net的在线考试系统、基于c#的在线考试管理系统

摘要伴随着社会以及科学技术的发展，互联网已经渗透在人们的身边，网络慢慢的变成了人们的生活必不可少的一部分，紧接着网络飞速的发展，管理系统这一名词已不陌生，越来越多的学校、公司等机构都会定制一款属于自己个…...

编程日记 2024/8/19 7:30:22

将 hugo 博客搬迁到服务器

1. 说明在 Ubuntu 22.04 上使用 root 账号，创建普通账号，并赋予 root 权限。演示站点：https://woniu336.github.io/ 魔改hugo主题: https://github.com/woniu336/hugo-magic 2. 服务器配置建立 git 用户 adduser git安装 git sudo apt …...

编程日记 2024/8/19 7:27:18

【Datawhale AI夏令营第四期】魔搭-大模型应用开发方向笔记 Task04 RAG模型人话八股文Bakwaan_Buddy项目创空间部署

【Datawhale AI夏令营第四期】魔搭-大模型应用开发方向笔记 Task04 RAG模型人话八股文Bakwaan_Buddy项目创空间部署什么是RAG： 我能把这个过程理解为Kimi.ai每次都能列出的一大堆网页参考资料吗？Kimi学了这些资料以后，根据这里面的信息综…...

编程日记 2024/8/19 7:24:14

CTF密码学小结

感觉没啥好总结的啊基础的永远是RSA、流密码、哈希、对称密码、古典密码那一套（密码学上过课都会），其他的就是数论的一些技巧似乎格密码也很流行，以及一些奇奇怪怪的性质利用也很多 1、random设置种子后随机的性质&#xff1a…...

编程日记 2024/8/19 7:22:12

Vue快速入门(七)——Vue3 状态管理 - Pinia（二）

目录六、核心概念——Getter 1、基本操作定义getter 访问getter 2、访问其他 getter 3、向 getter 传递参数 4、访问其他 store 的 getter 使用 setup() 时的用法使用选项式 API 的用法使用 setup() 不使用 setup() 七、核心概念——Action 1、基本操作定义a…...

编程日记 2024/8/19 7:21:10

ZooKeeper集群环境部署

1. ZooKeeper安装部署 1.1 系统要求 1.1.1 支持的平台 ZooKeeper 由多个组件组成。一些组件得到广泛支持，而另一些组件仅在较小的一组平台上得到支持。客户端是 Java 客户端库，由应用程序用于连接到 ZooKeeper 集群。服务器是在 ZooKeeper 集群节点…...

编程日记 2024/8/19 7:20:06